A primeira coisa a fazer é salvar uma cópia do seu template, caso algo dê errado é só reverter.
Vá até o HTML do seu Blogger e encontre a tag (código)
]]></b:skin>
Acima deste código, cole o código abaixo. Atenção, não apague nada, só cole o código.
#navcontainer
{
font-family: Arial,Sans-Serif;
margin: 0 auto;
width: 80%;
border-bottom: 1px solid #ddd;
} #navlist ul
{
margin: 0;
white-space: nowrap;
padding: 0;
} #navlist li
{
display: inline;
list-style-type: none;
} #navlist a
{
padding: 30px 8px 1px 24px;
border: 1px solid #333;
background-color: #999;
background-image: none;
} #navlist a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
} #navlist a:hover
{
border: 1px solid #333;
background-color: #000000;
background-image: url(images/l1_over.gif);
color: #333;
} #active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: #000000;
background-image: none;
color: #333;
}
Você poderá trocar as cores de seu menu. Basta modificar os códigos que estão na cor azul. Cores AQUI
Agora procure pelo código:
<ul id='navlist'>
<li id='active'><a href='ENDEREÇO DO SEU LINK AQUI' id='current'>ITEM 1</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>ITEM 2</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>ITEM 3</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>ITEM 4</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>ITEM 5</a></li>
</ul>
</div>