Menu personalizado

Oii amores trouxe um tutorial de como colocar um menu super cute no blog !

Aprendi no blog Material Teen ah e daqui um pouco sai mais um layout para vocês !

Muita gente vai em editar html e aperta f3 ou ctrl + f , procurar por ]]></b:skin> e colar acima a tag mas faço de outra maneira mas se você quiser pode fazer do jeito acima !

Bom vá em Design >> Design do modelo >> Vá em avançado >> Adicionar CSS e cole o seguinte código !

div.navigate a{

background: #87CEEB; color: #ffffff; letter-spacing: 0px; display:block; padding:0px 0; 

border: 0px solid #000000; 

width: 180px; margin-top:1px; position:relative; -webkit-transition-duration: .0s; z-index:1; }

div.navigate a:hover{ font-weight: bold; letter-spacing: 1px; background: #FF69B4}; display:block; padding:0px 0; border: 0px solid #000000; z-index:2;}

Arrume conforme as cores que vc deseja !

Depois vá em design >> Adicionar um gadget >> HTML/JavaScript e cole o código abaixo :

<center><div class="navigate">
<a href="LINK 1"style="text-decoration:none">Guia 1</a><a href="LINK 2"style="text-decoration:none">Guia 2</a>

Agora substitua onde está escrito "LINK 1" pelo seu link, por exemplo: http://blogtal.com/ e onde está escrito "Guia 1" pelo nome do link, por exemplo: Home.

Pronto, agora é só salvar e visualizar que o seu menu já está pronto!
Esse é o resultado :