Hoje eu vou explicar como adicionar atraente
slides barra de navegação de estilo para estilo blogger.Slide
amazing. This olhar não é um jquery, im usando CSS3
e HTML.
1. Entrar na conta Blogger e clique cair.
2. Agora selecione " Template "como abaixo.
3. Agora você pode ver ao vivo no blog, clique em EDIT HTM botão L " 4. Agora clique em Continuar botão. 5.Encontre esta tag usando Ctrl + F ]]> </ b: skin> . 6 Cole o código abaixo antes de ]] > </ b: skin> tag
/ * O Código CSS para o menu começa aqui bloggertrix.com * /
navrotatebt {
max-width:! 900px importante;
margin: auto 100px;
margin-top: 20px;
}
navrotatebt ul {
list-style: none;
overflow: hidden;
}
navrotatebt li a {
background: # D8D8D8;
border-right: 1px solid # fff;
color: # fff;
display: block;
float: left;
font: 13px 400 'Alternativas de Montserrat ", Arial;
padding: 10px;
text-align: center;
text-decoration: none;
texto transformar-: maiúsculas;
width: 80px;
-Webkit-transição: transformar 1s;
-Moz-transição: transformar 1s;
}
navrotatebt # nojquery li a:. pairar, girar {
-Moz-animação: 2s animrotate;
-Webkit-animação: 2s animrotate;
background: # 222;
}
@-Moz-keyframes animrotate {
100% {background: blue;-moz-transform: perspectiva (200px) rotateY (360deg);}
}
@-Webkit-keyframes animrotate {
100% {background: blue;-webkit-transform: perspectiva (200px) rotateY (360deg);}
}
7. Vá para o Blogger e clique em Layout de
8. Clique Adicionar gadget e selecione 'HTML / Javascript
9. Colar código abaixo.
<navrotatebt id="nojquery">
<ul>
<li> <a href="#"> Home </ a> </ li>
<li> <a href="#"> Sobre </ a> </ li>
<li> <a href="#"> Portfolio </ a> </ li>
<li> <a href="#"> Serviços </ a> </ li>
<li> <a href="#"> Blog </ a> </ li>
<li> <a href="#"> contato </ a> </ li>
</ Ul>
</ Navrotatebt>
Substituir # com seus links. 10. Agora salve o seu HTML / Javascript '. Está feito ...
Creditos: Dicas Blog Pro