Criando Menu topo 0

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 código 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.

Facil não? Se você não entendeu ou quer deixar uma crítica, só deixar um comentário nesta postagem. Porque nada melhor do que ler sua opnião!