Menu Horizontal

Oi gente , eu achei esses códigos no site http://tableless.com.br e fiz um pequeno tutorial para blogger é muito simples confiram :

1 - Vá em Modelo > Editar HTML  e procure por ]]</b:skin>

e cole esse código

#menu ul li a {
 padding: 2px 10px;
 display: inline-block;
 
 /* visual do link */
 background-color:#EDEDED;
 color: #333;
 text-decoration: none;
 border-bottom:3px solid #EDEDED;
}
#menu ul li a:hover {
 background-color:#D6D6D6;
 color: #6D6D6D;
 border-bottom:3px solid #EA0000;
}

Troque as cores e salve.

2 - Em Layout clique em Adicionar um Gadget  e escolha o gadget HTML/JavaScript  e cole esse código

<nav id="menu">
 <ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">Produtos</a></li>
  <li><a href="#">Missão</a></li>
  <li><a href="#">Links</a></li>
  <li><a href="#">Contato</a></li>
 </ul>
</nav>

coloque seus links e salve. Veja o Resultado

Créditos : Tableless Tutorial por : Sugoi Tutoriais