Menu Horizontal

Temos visto imensos blogs com menus na horizontal, mas não pertencem ao Blogger, no entanto existe uma maneira de se resolver essa situação. O código que irei deixar permite-nos colocar quantas opções quisermos na barra em cima, no meio, em baixo.......onde quisermos. Se repararem na parte superior do meu blog, tenho lá um menu com 4 opções.

1. Esquema > Editar Html. Procurar este código /* Header

2. Adicionar este código logo a seguir

#menu ul li{
font-size:100%;
list-style-type: none;
display:inline;
padding:0px;
margin:10px;
border:0px solid;
}

#menu li a{
color:#dfffed;
}

#menu li a:visited {
color: #57E964;
}

#menu li a:hover {
color: #F88017;
background: #ffff66;
}

3. Agora procurar este código

b:section class='header' id='header' maxwidgets='1' showaddelement='no'

4. ....e vamos modificá-lo

onde está o '1', passamos para '4' (ou o número de opções que quisermos)

onde está 'no', passamos para 'yes'

Salvamos e vamos para a página de Esquemas.

5. No header inserimos uma mini-aplicação (ou no footer) > Html/Javascript

6. Deixamos o título em branco e insere-se o seguinte código na caixa de texto

<div id='menu'>
<ul>
<li><a href="Your URL">Home</a></li>
<li><a href="Your URL">Publicidade</a></li>
<li><a href="Your URL">Acerca de mim</a></li>
<li><a href="mailto:YOUR EMAIL ADDRESS">Contacta-me</a></li>
</ul></div>

Agora é possivel colocarmos o que quisermos onde está em azul.

Bons Menu's