Tutorial : Menu Personalizado

Hey brothers ♥ Tudo bem com vocês ? Bom , hoje eu trouxe pra vocês um tutorial bem fácil de menu personalizado que é muito fácil , e que também fica lindo *-*
Deem uma olhadinha aqui ☺
Quer aprender ? Clique em 'mais informações' ! :)

Vá no seu CSS (Design > Editar HTML) e proucure pela tag ]]></b:skin>, cole esse código acima da tag :

''''/*** MENU SIMPLES sugary Dream ***/ .menusimples { background-color:#f8f8f8; /*** cor do fundo ***/ float:left; text-shadow: 1px 1px 0 #E4E4E4; /*** cor da sombra da letra ***/ color:#707070; /*** cor da fonte ***/ font-variant:small-caps; width:150px; /*** largura da aba ***/ font-size: 10pt; /*** tamanho da fonte ***/ text-align: center; margin: 3px; line-height:25px; margin-bottom: 1px; -khtml-opacity: .70; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .menusimples:hover { background-color:#FF99CC; /*** cor do fundo ***/ float:left; color: #fff; /*** cor da fonte ***/ text-shadow: 1px 1px 0 #acacac; /*** cor da sombra da letra ***/ -khtml-opacity: .70; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }'<br />
Altere o que achar necessário como cor , tamanho , etc .
Salve .
Agora , vá na aba Layout , adicione o gadget HTML/Java Script , e cole esse código :


''''<div class="menusimples"> <a href="LINK_AQUI">TÍTULO_DA_PÁGINA</a></div> <div class="menusimples"> <a href="LINK_AQUI">TÍTULO_DA_PÁGINA</a></div> <div class="menusimples"> <a href="LINK_AQUI">TÍTULO_DA_PÁGINA</a></div> <div class="menusimples"> <a href="LINK_AQUI">TÍTULO_DA_PÁGINA</a></div> ''<br />

Você cola a URL do site que quer direcionar em "LINK_AQUI"
E coloque o titulo em "TITULO_AQUI"
E aí é só salvar!
Espero que tenham gostado >.<

Kisses ♥ - Vitória