Menu com transição para Blogger

Menu com transição para Blogger
Olá e bem-vindo ao Mult-focos. Trazemos neste post um menu com transição para Blogger, simples e com um visual super agradável.
Encontre outros modelos de Menus clicando AQUI 

Veja um demo clicando no botão abaixo

DEMO

Como adicionar no seu blog

  • Ir para o painel do blogger->layout 
  • Clique em Adicionar um Gadget. 
  •  Na janela Adicionar um gadget->HTML/JavaScript. 
  •  Copie o código JS abaixo e cole-o dentro da caixa de conteúdo. 
  •  Salvar o gadget. 
  • Arraste o gadget e reposicione-o onde você quer mostrá-lo. 
  •  Clique no botão Salve (canto superior direito). 
Configurações

  •  Mude (AQUI URL) Pela URL correspondente. 
  • Mude (Link 1, LINK 2 ...) pelo nome correspondente. 
  • Se você tem algum conhecimento, poderás mudar também as cores do menu. 
 Bem pessoal isto é tudo.

<div id="menu"></div>
 <div id="wrapper">
   <nav id='menu'>
   <ul id="menutexto">
     <li id="texto"><a href="AQUI URL">Página ínicial</a></li>
     <li id="texto"><a href="AQUI URL">LINK 01</a></li>
     <li id="texto"><a href="AQUI URL">LINK 02</a></li>
        <li id="texto"><a href="AQUI URL">LINK 03</a></li>
     <li id="texto"><a href="AQUI URL">LINK 04</a></li>
        <li id="texto"><a href="AQUI URL">LINK 05</a></li>
     <li id="texto"><a href="AQUI URL">LINK 06</a></li>
        <li id="texto"><a href="AQUI URL">LINK 07</a></li>
     <li id="texto"><a href="AQUI URL">LINK 08</a></li>
   </ul>
  </nav>
 </div>

See the Pen Menu com transição para Blogger by Mairink (@Oemes) on CodePen.



Postado por Mairink Oemes

0 comentários:

Postar um comentário

Todos comentários são lidos e moderados previamente.
São publicados apenas aqueles que respeitarem as regras abaixo:
-Ter relação com o assunto do post.
-Não conter propagandas de outro site ou blog.
-Não incluir links no conteúdo do comentário.
-Se quiser deixar sua URL, comente usando a opção OpenID;
Obrigado(a) por comentar!

free website hit counter