Menu Chocolate

Oi, pessoal. Hoje fiz um menu horizontal pequeno e com efeito hover, é um menu bem simples mas já ajuda muito os leitores do seu blog a acessarem as páginas.

Clique aqui para visualizar o menu

Primeiro vá na HTML de seu blog e procure por ]]></b:skin>, depois cole esse código acima do que achar:

menuchocolate {
background: #d1b6a3; /* Fundo */
border-left: 5px solid #e8cbb7; /* Borda esquerda*/
border-right: 5px solid #e8cbb7; /* Borda direita*/
border-radius: 10px; /* Bordas arredondadas */
padding: 5px;
-webkit-transition-duration: 0.30s;
}
menuchocolate:hover {
background: #e8cbb7; /* Fundo hover */
border-left: 5px solid #d1b6a3; /* Borda esquerda hover*/
border-right: 5px solid #d1b6a3; /* Borda direita hover*/
}
.menuchocolate a{
color: #ffffff; /* Cor dos links */
}

Salve. E em seguida, vá em Layout e cole num Gadget "HTML/JavaScript" esse código:

<div class="menuchocolate"> <a href="LINK"><menuchocolate>NOME</menuchocolate></a> <a href="LINK"><menuchocolate>NOME</menuchocolate></a> <a href="LINK"><menuchocolate>NOME</menuchocolate></a> <a href="LINK"><menuchocolate>NOME</menuchocolate></a> </div>

É isso, espero que tenham gostado.