Menu horizontal colorido

Olá, leitor!
Quero compartilhar com você um menu colorido bem fofo e fácil de instalar.
Clique no botão para ver a demonstração:


Demonstração do tutorial

Para ter em seu blog é bem simples:
Acesse o painel de seu blog e clique na aba Layout.
Clique em Adicionar um gadget e escolha HTML/JAVASCRIPT.
Na janela que expandir cole esse código:



Copiar o código


Leia:
Como usar os tutoriais deste blog?


Entenda o código:
<span style='border-radius: 7px; /*grau de arredondamento da aba*/
background-color:#f781f3; /*cor de fundo da aba*/

padding: 5px 15px 5px 15px;'> /*espaçamento interno*/
<a href="LINK 1 ">categoria 1</a></span>

Onde você lê LINK 1  coloque, claro, o endereço para onde deseja direcionar o leitor quando ele clicar.
Em geral a aba 1 é para o começo do blog, o endereço principal.
As demais você coloca o que desejar, sendo que em geral são páginas  Sobre, Contato, Mapa do blog, etc.
Onde você lê categoria1 coloque o nome da aba como deseja que apareça.
Para trocar a cor das abas troque o código hexadecimal pelo código da cor que você deseja.
Veja minha demonstração e configure o seu como desejar.
Depois de pronto arraste para onde deseja que apareça e salve as alterações.

Caso deseje incluir mais abas repita esse trecho antes de fechar a div, tantas vezes quantas forem as abas que deseja acrescentar.:

span style='border-radius: 7px;<br /> background-color:#f2f5a9;<br /> padding: 5px 15px 5px 15px;'><br /> <a href="LINK ">categoria </a></span>

Gostou?
Então curte aí!
E ajude a divulgar o blog!
Eu agradeço!!!!