Menu (Goodies)

Oii,oiii gente to deixando um tutorial muitto util aqui hoje.
Eu encontrei o menu no Heney Pixel, então, todos os créditos á Jéssica. Caso você não saiba como fique o menu, dá uma bizoiada no print que eu tirei dele, clicando aqui.



1. Vá no HTML do seu blog, aperte F3 e procure por ]]> e logo acima, cole isso:

/*** Menu de goodies ***/
.goodies {
display: block;
font-size: 8pt; /* tamanho da fonte */
font-family: verdana; /* nome da fonte */
line-height: 15px;
border-bottom : 1px solid #f4f4f3; /* estilo e cor da borda */
text-indent: 5px;
vertical-align: middle;
background: url('http://i339.photobucket.com/albums/n464/herycka20/mc08.gif') no-repeat left; /* URL do mini gif normal */
padding-left: 10px;
padding-bottom: 2px;
}
.goodies:hover {
display: block;
border-bottom: 1px dashed #E0DCD6; /* Cor da borda hover */
vertical-align: middle;
padding-left: 10px;
padding-bottom: 2px;
background: #ebebeb url('http://i339.photobucket.com/albums/n464/herycka20/mc09.gif') no-repeat left; /* Cor do fundo e url do mini gif hover */
}

Depois, é só salvar. Agora, para o menu aparecer é só colar esse código, onde quer que ele fique:

<div style="float: left; width: 49%;">
<div class="goodies">
<a href="URL_AQUI">TÍTULO 1</a> </div>
<div class="goodies">
<a href="URL_AQUI">TÍTULO 2</a> </div>
<div class="goodies">
<a href="URL_AQUI">TÍTULO 3</a> </div>
<div class="goodies">
<a href="URL_AQUI">TÍTULO 4</a> </div>
</div>
<div style="float: right; width: 49%;">
<div class="goodies">
<a href="URL_AQUI">TÍTULO 1</a> </div>
<div class="goodies">
<a href="URL_AQUI">TÍTULO 2</a> </div>
<div class="goodies">
<a href="URL_AQUI">TÍTULO 3</a> </div>
<div class="goodies">
<a href="URL_AQUI">TÍTULO 4</a> </div>
</div>

Aí é só preencher de acordo com o que se pede e salvar. Pronto, seu menu vai estar lindo e perfeito =)
Espero que gostem,  os créditos ao Farry Teen e ao Honey Pixel. =*