Menu horizontal com botões diferentes

Quer um menu horizontal como este em seu blog ?



Clique então em "Modelo", depois em "Editar HTML". Procure pelo código:

]]></b:skin>


E cole acima dele o códiga abaixo.



#navlist
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
}
#navlist li
{
list-style: none;
margin: 0;
display: inline;
}
#navlist li a
{
padding: 0.25em 0.5em 0.25em 0.75em;
text-decoration: none;
}





Agora procure pelo código:


<div id='outer-wrapper'>



e cole abaixo dele o código abaixo fazendo as modificações necessárias


<div id='navcontainer'>
<ul id='navlist'>
<li><a class='current' href=' ENDEREÇO DE SEU BLOG AQUI /' title='Volte a página'><span><img src='http://img522.imageshack.us/img522/5295/217639187tn9.gif'/></span></a></li>
<li id='active'><a href=' LINK AQUI O QUE QUISER ' id='current'><img src='http://img205.imageshack.us/img205/8670/817342743pj2.gif'/></a></li>
<li><a href='MAILTO: ENDEREÇO DO SEU EMAIL '><img src='http://img297.imageshack.us/img297/9845/emailac3.gif'/></a></li>
<li><a href='obrigada' onclick='window.external.AddFavorite("AQUI O ENDEREÇO DE SEU BLOG/","AQUI O NOME DE SEU BLOG");'><img src='http://img205.imageshack.us/img205/1205/favoritosis8.gif'/></a></li>
</ul>
</div>