Dicas Blog Pro: CSS

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>