Menu darkOrange animado para Blogger

Menu darkOrange animado para Blogger
Olá e bem-vindo ao Mult-focos. Este menu animado para Blogger é muito simples e fácil de adicionar e configurar, tem um visual simples mas muito útil para quem necessita de um menu objetivo.
Encontre outros modelos de Menus clicando AQUI

Veja um demo clicando no botão abaixo.

DEMO

Como adicionar no seu blog
  • Copie o código CSS do Box de códigos 
  • Vá ao painel do Blogger->modelo->editar HTML->use Ctrl+F e localize:]]></b:skin>
  • Acima desta tag copie e cole o código CSS do box de códigos abaixo. 

Próximo passo
  •  Ir para o painel do blogger->layout 
  •  Clique em Adicionar um Gadget. 
  •  Na janela Adicionar um gadget->HTML/JavaScript. 
  •  Copie o código HTML 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. 
  • Você pode diminuir ou aumentar links basta para isto extrair ( <li><a href="AQUI URL">Link 0</a></li> ) ou acrescentar, depende do seu template. 

 Bem pessoal isto é tudo.

<ul>
  <li><a href="AQUI URL">Home</a></li>
  <li><a href="AQUI URL">Link 1</a></li>
  <li><a href="AQUI URL">Link 2</a></li>
  <li><a href="AQUI URL">Link 3</a></li>
  <li><a href="AQUI URL">Link 4</a></li>
  <li><a href="AQUI URL">Link 5</a></li>
  <li><a href="AQUI URL">Link 6</a></li>
  <li><a href="AQUI URL">Link 7</a></li>
  <li><a href="AQUI URL">Link 8</a></li>
</ul>

See the Pen Menu animado 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