Hoje resolvi a passar aos leitores do blog um menu bem simples de se fazer, trata-se de um menu horizontal, abaixo do cabeçalho, ele é simples, mas com um pouco de ousadia podemos deixar ele bem elaborado, um menu é muito importante, ajuda seus leitores a achar com mais facilidade aquilo que procuram; Então vamos criar um menu horizontal simples e em poucos passos.

1. No primeiro passo devemos habilitar a adição de gadget no header, para isso vá em Layout, editar Html, e procure por:

<div id=’header-wrapper’>

Nesta sessão onde diz Showaddelement, troque “no” por “yes”, se já estiver como yes, deixe assim, agora salve.

2. Vá em layout novamente e abaixo do Header e clique em adicionar gadget, agora escolha HTML/java script, cole dentro dele este código abaixo.

<div>
<a href=”URL 1“>Link 1</a>
<a href=”URL 2“>Link 2</a>
<a href=”URL 3“>Link 3</a>
</div>

Obs.: Na parte em azul, é onde vai o endereço, ou o destino para onde quer que seu menu aponte, e na parte em vermelho, vai o texto que vai aparecer no menu, feito isso, você já pode salvar e visualizar seu blog, assim já verá seu menu, mas podemos deixar um pouco mais organizado ainda.

<div> <a href="URL 1">Link 1</a> <a href="URL 2">Link 2</a> <a href="URL 3">Link 3</a> </div> 

4. Ou até dando uma personalizada, alterando a cor do fundo, como abaixo.

<div style="background-">red;> <a href="URL 1">Link 1</a> <a href="URL 2">Link 2</a> <a href="URL 3">Link 3</a> </div> 

5. Para aumentar o número de links basta copiar a parte abaixo e colar antes de </div>.

<a href="URL 3">Link 3</a> 

Agora você já tem seu menu horizontal, em breve mostrarei como personalizar ainda mais este tipo de menu.

wsa:no-final-do-artigo // ]]>