Menu Lovely por Sweet Poison

Depois de muitos pedidos, Tia Chassy vai ensinar para os brownies com morango e chantilly como eu fiz esse menu:

Tutorial.

1. No Blogger, vá em Design> Editar HTML. Tecle Ctrl F e procure por:

]]></b:skin>

2. Cole o código abaixo acima dessa tag:

.nav {
display:inline; /* Modo de exibição */
font-size: 25px; /* Tamanho da fonte */
border-bottom: 5px solid #4682B4; /* Estilo da borda inferior */
text-transform:uppercase; /* Formatação do texto */
-webkit-transition-duration: .20s; /* Efeito fade */
}
nav: hover {
border-bottom: 5px solid #63B8FF; /* Borda inferior em hover */
-webkit-transition-duration: .20s; /* Efeito fade */
}
nav a{
font-family: Arial; /* Fonte */
font-size: 25px; /* Tamanho da fonte */
text-transform:uppercase; /* Todas maiúsculas */
-webkit-transition-duration: .20s; /* Efeito fade */
text-decoration: none;
}
nav a:hover {
-webkit-transition-duration: .20s; /* Efeito fade */
text-decoration: none;
}

3. Salve e vá para Elementos da Página. Adicione um novo gadget de HTML/Javascript e nele cole o código abaixo:

<div class='nav'><a href='LINK'>Nome</a></div> <div class='nav'><a href='LINK'>Nome</a></div> <div class='nav'><a href='LINK'>Nome</a></div> <div class='nav'><a href='LINK'>Nome</a></div> <div class='nav'><a href='LINK'>Nome</a></div> <div class='nav'><a href='LINK'>Nome</a></div>

 Todos os créditos á Sweet Poison