Menu 3

Vá até o HTML do seu blog e procure pelo código:
]]></b:skin>


Acima dele cole o código abaixo.

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

*Atenção, onde está destacado é o local que você poderá trocar as cores.

div#navcontainer
{
width: 100%;
font-family: arial;
font-weight: bold;
background: #000000;
position: absolute;
left: 0px;
margin: 0;
padding: 15px;
border: 0;
}
div#navcontainer ul
{
display: inline;
margin: 0;
padding: 0;
list-style: none;
border: solid 1px #808080;
}
div#navcontainer h2
{
border: solid 1px #cc0000;
padding: 6px;
text-align: left;
}
div#navcontainer ul li
{
display: inline;
margin: 0;
}
div#navcontainer ul li a
{
color: #ffffff;
background: #C0C0C0;
margin: 0;
padding: 6px 8px 4px 8px;
text-decoration: none;
}
div#navcontainer ul li a:hover
{
background: #cccccc;
border-bottom: solid 14px #cc0000;
}

Agora ainda no HTML do seu blog, procure pelo código:

<div id='outer-wrapper'><div id='wrap2'>


E cole o código abaixo trocando por seus links.

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="AQUI O ENDEREÇO DE SEU LINK" id="current">LINK 1</a></li>
<li><a href="AQUI O ENDEREÇO DE SEU LINK">LINK 2</a></li>
<li><a href="AQUI O ENDEREÇO DE SEU LINK">LINK 3</a></li>
<li><a href="AQUI O ENDEREÇO DE SEU LINK">LINK 4</a></li>
<li><a href="AQUI O ENDEREÇO DE SEU LINK">LINK 5</a></li>
</ul>
</div>

Créditos: Listamatic