menu hover

eae blz? vou ensinar como ponhar menu hover em seu blog/site blz então vamos começar...


1.. va em design,editar html, e procure por:


 ]]></b:skin>


2..acima dele cole o seguinte código:


#menux ul {
 list-style: none;
 margin: 0px 0px 0px 0px;;
 padding: 0;
 border: none;
}

#menux li a {
 height: 18px;
 display: block;
 padding: 4px 5px 5px 18px;
 background: url(LINK_DA_IMAGEM_NORMAL) no-repeat;
 color: #ffffff;
 text-shadow: #000 0 1px 0;
 font-weight: normal;
 text-decoration: none;
 width: 186px;
}
#menux li a:hover {
 background: url(LINK_DA_IMAGEM_HOVER) no-repeat;
 color: #000;
 text-shadow: #666666 0 1px 0;
 }


3..salve o modelo
4..agora va em elementos da página.va em adicionar um gadget e cole o código abaixo:
<div id="menux">
<ul>
<li><a href="LINK_DO_POST">NOME_DO_POST</a></li>
</ul>
</div>


Para adcionar mais um link basta duplicar o código abaixo e colocar ele embaixo do outro:


<li><a href="LINK_DO_POST">NOME_DO_POST</a></li>


pronto agora vc tem um menu hover bem legal espero ter ajudado mais enformações no meu blog:
http://a-f-2.blogspot.com.br