Cute Menu

Olá amores!

Hoje vim trazer um menu muito cute! Já esta na listinha dos que eu vou por no próximo template (só para maio). Então, vamos ao tutorial?

Vá até sua caixa de html e procure por:
]]></b:skin>
Assim que achar, cole o código abaixo, acima dele:

/* Cute Menu
----------------------------------------------- */
#menuextra {
display : block;
font-size: 11px;
font-family: Tahoma;     /*mude a fonte que quiser, ex: arial, georgia etc */
letter-spacing : 0;
border-bottom : 1px dashed #CDB7B5;     /*cor do link quando o mouse não está em cima */
background-repeat : no-repeat;
text-indent : 5px;
vertical-align : middle;
text-decoration : none;
line-height : 15px;
margin-bottom : 1px;
background : url('URL DO MINE GIF 1') no-repeat left;
padding-left : 10px;
}
#menuextra:hover {
display : block;
text-decoration : none;
vertical-align : middle;
line-height : 15px;
border-bottom : 1px dashed #FF69B4;      */ cor do link quando o mouse passa em cima */
background : url('URL DO MINE GIF 2') no-repeat left;
padding-left : 10px;
}

Use algum desses gifs para subistituir o "url do mine gif"

Agora para aplicar ao blog vá em um gadget HTML/JavaScript e cole:

<div id="menuextra"><a href="Link">Nome do link</a>
</div>
<div id="menuextra"><a href="Link">Nome do link</a></div>

Resultado final:

Espero que tenham gostado!
xoxo