Menu horizontal

A primeira coisa a fazer é salvar uma cópia de seu template, caso não goste, é só reverter.
Clique AQUI e veja o menu
Vá até o HTML do seu Blogger, encontre o código:


]]></b:skin>

E cole o código abaixo, acima dessa tag (código), não apague nada, só cole o código abaixo.

#navlist {background: #808080; width: 100%;
}

#navcontainer{
margin-left: auto;
margin-right: auto;
margin-top: 3px;
margin-bottom: 0px;
}
#navlist li{
display: inline;
padding-bottom: 1px;
padding-left: 1px;
background: #000000;
}
#navlist a{
padding-left: 13px;
padding-bottom: 7px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
#navlist a:link, #navlist a:visited{
padding-left: 5px;
color: $pagetitlecolor;
background:#808080;
background-position: 0 -3px;
background-repeat: no-repeat;}
#navlist a:hover{
color: black;
padding-left: 20px;
background:#cccccc;
background-repeat: no-repeat;
background-position: 0 -3px;}
#navbar {
display:none;
margim:none;
padding:none;
}

*Para trocar as cores do menu, troque esses códigos que estão na cor vermelha. Cores AQUI
Agora copie o código abaixo e cole depois de:

<div id='content-wrapper'>

Para ficar abaixo da imagem do seu template

<div id='navlist'>
<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'>Brinque</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>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>Item 6</a></li>
<li><a href='ENDEREÇO DO SEU LINK AQUI'>Item 7</a></li>
</ul>
</div>

Ou depois de:

<div id='outer-wrapper'>

Para o menu ficar acima do seu template