Menu Inner

Olá *-*

Tenho mais um tutorial para vocês, é um menu bem fofo!

para ver como ele é, é só clicar Aqui!

e para aprender como faze-lo clique em Mais Informações!

Vá em Modelo>Editar HTML>Ctrl+F> Procure por:

]]></b:skin> 

Quando achar, cole acima disso, este código:

#menu {float:center; margin-bottom: 5px; display: inline-block; cursor: default; font-family: Homenaje; font-size: 20px; margin-right: 5px; color: #fff; margin-top: 5px; background: #FD81AF; width: auto; text-align: center; height: 0px; padding: 12px; line-height: 0px; -webkit-transition:  size: 15px;all 0.6s ease-out; -moz-transition: all 0.6s ease-out; border-radius:3px}#menu:hover {display:inline-block; color: #fff; -webkit-transition: all 1.5s ease-out; -moz-transition: all 1.5s ease-out;  text-decoration:none;-moz-box-shadow: inset 0 0 2px 2px #B0D874;-webkit-box-shadow: inset 0 0 25px 25px #B0D874;box-shadow: inset 0 0 15px 15px #B0D874;

}

Altere somente o que está em negrito. O Primeiro código é o menu sem o hover e o segundo é com hover.

Agora em Layout, adicione um gadget de html e cole o seguinte isso:

<a href="LINK" id="menu">NOME</a><a href="LINK" id="menu">NOME</a><a href="LINK" id="menu">NOME</a>

Coloque o link e o nome da página, e se quiser adicionar mais de três páginas é só repetir o código.

Pronto! Espero que tenham gostado e não se esqueçam de comentar! *-*

Créditos