Menu em pestana

Para colocar este menu como este abaixo, siga as instruções.

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.

#navcontainer{
padding: 0;
margin-right:30px; /* aqui a margim do menu a direita*/
margin-left:30px;/* aqui a margim do menu a esquerda*/
background: #cccccc;/* aqui a cor de fundo do menu*/
height: 20px;
}
#navlist{
margin: 0px;
padding: 0px 0px;
display: block;
}
#navlist li{
list-style: none;
float: left;
}
#navcontainer a, #navlist li.extend{
margin: 0px;
display: block;
border-top: 1px solid #333;
padding: 1px 6px;
text-decoration: none;
background: #cccccc;/*aqui a cor dos botões*/
font: normal 12px verdana, serif;
color: #000;
}
#navcontainer a:hover, #navcontainer a#current{
padding: 1px 5px;
background: #FAFAFA;
border-right: 1px solid #333;
border-left: 1px solid #333;
border-top: 1px solid #FAFAFA;
border-bottom: 1px solid #333;
color: #000;
}
#navcontainer a#current{
background: #F6F6F6;
border-top: 1px solid #F6F6F6;
font-weight: bold;
}
#navcontainer li#active{
border-right: 2px solid #828282;
border-bottom: 2px solid #828282;
}

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 DO SEU LINK 1" id="current">LINK 1</a></li>
<li><a href="AQUI O ENDEREÇO DO SEU LINK">LINK 2</a></li>
<li><a href="AQUI O ENDEREÇO DO SEU LINK">LINK 3</a></li>
<li><a href="AQUI O ENDEREÇO DO SEU LINK">LINK 4</a></li>
<li><a href="AQUI O ENDEREÇO DO SEU LINK">LINK 5</a></li>
</ul>
</div>

Créditos: Listamatic