Vários Menus Horizontais

:: Segue abaixo o Código para o 2º menu (na cor black)
Vá em design >> Editar HTML >> Expandir modelos de widgets.
Copie o código abaixo e coloque-o antes de ]]></b:skin>

#menu {margin:20px;padding:0;list-style-type:none;width:auto;  /*---largura total do menu - edite se quiser---*/position:relative;display:block;height:27px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url(http://i27.tinypic.com/dq50z9.jpg) repeat-x top left ;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:1px solid #4F4F4F;border-top:2px solid #9C9C9C;}#menu li{display:block;float:left;margin:0;pading:0;}#menu li a{float:left;color:#ffffff;text-decoration:none;font-weight:normal;padding:5px 20px 0px 20px;margin:-12px 0 1px 0;height:22px;border-right:1px solid #000000;}#menu li a:hover{background:transparent url("http://i31.tinypic.com/15e8gf7.gif") no-repeat top right;  }


:: Salve as modificações.
Volte em design >> Editar HTML >> não precisa clicar em 'Expandir modelos de widgets'
E procure pelo trecho abaixo:

<div id='header-wrapper'>


:: E cole abaixo dele:

<div id='menu'>
<ul>
<li><a expr:href='data:blog.homepageUrl' title=' Início'>Home</a></li>
<li><a href='inserir link aqui' title='Edit'>Link 1 </a></li>
</ul>
</div>





para saber mais Entra nesse Site