Como Colocar Menu no Blogger

Você gostaria de colocar um menu profissional no seu blog ?
O site CSS Menu Generator  oferece vários menus, com muitos estilos diferentes e de fácil implantação. Na página inicial você escolhe uma das categorias de menus:
Drop-Down (menus com submenus), Horizontal, Vertical e Dreamweaver Menus (menus com vários submenus).

Colocando o menu no seu blog

(Antes de começar salve o modelo do seu blog para você não perder nada caso dê algo errado).

1º – Escolha um dos modelos de menu, clique em “Download Source” para fazer o download do menu;

2º  – Copie o codigo html que aparece no bloco de notas e cole em Layout>>Adicionar um 
Gadget>>HTML/JavaScript, colocando no local que você quer que fique o menu. Caso o menu não venha com o código, utilize o código abaixo:

<div id=”menu”>
<ul>
<li><a href=”LINK1″ title=”TITULO1″>TITULO1</a></li>
<li><a href=”LINK2″ title=”TITULO2″>TITULO2</a></li>
<li><a href=”LINK3″ title=”TITULO3″>TITULO3</a></li>
<li><a href=”LINK4″ title=”TITULO4″>TITULO4</a></li>
<li><a href=”LINK5″ title=”TITULO5″>TITULO5</a></li>
<li><a href=”LINK6″ title=”TITULO6″>TITULO6</a></li>
</ul>
</div>


3º - Substitua os trechos indicado do código com os links e títulos dos menus, exemplo:
<li><a href=http://www.seublog.com/dicas title=”Dicas“>Dicas</a></li>

4º – Copie o código CSS do menu que também está em um bloco de notas, vá até Layout>>Editar HTML e cole antes de alguma indicação de CSS, como no exemplo abaixo:





5º - Hospede as imagens salvas do menu no ImageShack e coloque os links nos locais indicados do código CSS de acordo com o nome da imagem:



Obs: Coloque os links das imagem dentro dos parêntese e das aspas, exemplo:
(“link da imagem”)

Se você fez tudo certo, seu menu estará pronto, caso dê algo errado deixe um comentário que responderei assim possível.

Abraço !

Posted in: blogger,Blogspot,Dicas,menu,Outros,word-press