Menu Marcação - Exclusivo

Oii meus amores,hoje eu vou postar um menu que eu criei (por isso ele é exclusivo),ele dá um resultado bem bonitinho,quer conferir?Então clique em Leia Mais...

1.Abra o seu blog,vá em Desing Editar HTML,dê F3 e procure por: ]]</b:skin>

2.Depois de ter achado,cole o código a seguir acima de "]]></b:skin>"

.menumarcação {

display : block;

font-size: 8pt;

font-family: verdana, Lucida Sans Unicode;

line-height: 15px;

border-bottom : 1px solid #f4f4f3;

text-indent : 5px;

vertical-align : middle;

background : url('Cole aqui o link do gif') no-repeat left;

padding-left : 10px;

padding-bottom : 2px;

}

.menumarcação:hover {

display : block;

font-size: 8pt;

font-family: verdana, Lucida Sans Unicode;

line-height: 15px;

border-bottom : 1px dashed #E0DCD6;

text-indent : 5px;

vertical-align : middle;

background: url('Cole aqui o link do gif para quando passar o mouse') no-repeat left;

padding-left : 10px;

padding-bottom : 2px;

}

3.Após ter colado,edite as partes em negrito(no final do post tem alguns gifs para você usar).Após ter editado,continue na ala Desing,mais volte para ELEMENTOS DA PÁGINA,vá em adicionar gadgetsHTML/JAVASCRIPT e cole o código abaixo:

<div class="menumarcação"><a href="LINK da página">Título da página.</a></div>

4.Agora edite as partes em negrito e repita o passo 3 quantas vezes você precisar,e salve,prontinho...
Resultado:

Mini Gifs para você usar(clique no mini gif para ele ficar maior):

Tchal...Se usar credite...
Bjinhos!
Não Reblog,tutorial exclusivo daqui...
Banner de sorteio's: