Menu vertical com CSS3 fantástico

Menu vertical com CSS3 fantástico
Olá pessoal vamos aprender hoje a instalar um menu vertical com CSS3 fantástico.
Você pode antes ver a demonstração ao vivo clicando no link abaixo.


               
DEMO

Espero que você faça um backup do seu template primeiro, para evitar transtornos caso venha alguma coisa dar errado, ok?

Vamos começar?

Este menu requer um pouco mais de atenção na segunda etapa, mas nada que sua competência não absorva.

1-Entrar em Blogger
2-Selecione o blog se você tiver muitos
3-Em seguida vá a MODELO -> Clique em ”Editar HTML
4-Em seguida, Ctrl+f encontre </head>
5-Em seguida copie o código abaixo e cole acima dele, ou seja, antes dele.


6-Em seguida, visualizar modelo, se tudo estiver normal
clique em Salvar modelo.

Tudo certo, vamos para segunda etapa.

Clique em layout
layout
Adicionar um gadget
Adicionar um gadget
Adicionar legenda

Depois, clique em HTML / Javascript
 HTML / Javascript

Copie e cole o código abaixo em seu widget, não antes de editar a parte destacada em em laranja.

<div class="shadowblockmenu-v">
<ul>
<li><a href="http://bhogai.blogspot.com.br/">Inicio</a></li>
<li><a href="http://bhogai.blogspot.com.br/">Blogger</a></li>
<li><a href="http://bhogai.blogspot.com.br/">Contato</a></li>
<li><a href="http://bhogai.blogspot.com.br/">Variedades</a></li>
<li><a href="http://bhogai.blogspot.com.br/">Facebook</a></li>
<li><a href="http://bhogai.blogspot.com.br/">Googe+</a></li>
</ul>
</div>

Espero que tenha lhe ajudado e satisfeito sua expectativa, que tal retribuir com um comentário? Obrigado!
OBS: as cores do menu lógico tem como mudar, mas só o faça se souber o que está fazendo.

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