POP Create Um Novo Mundo Em Design Começa Aqui!

O melhor site para criar banners e menus para blogs e sites, hoje irei fazer o tutorial passo-a-passo como fazer um menu com submenu. Como modelo abaixo:

1º você precisa pensar nos temas do seu menu, do submenu e já ter criado a página que se abrirá quando alguém clicar no seu menu. Normalmente, eu crio uma nova postagem com as informações que pretendo escrever e depois clico em editar a postagem e mudo a data para uma data mais antiga, assim esta postagem não aparecerá na página inicial.

2º Depois das páginas criadas, abra o "Bloco de Notas" do seu computador e escreva as palavras na ordem em que aparecerá no seu menu (uma embaixo da outra), com as palavras que aparecerão no submenu. Ex: Irei criar um menu com as seguintes palavras:

e quando alguém passar o mouse sobre a palavra "dicas" quero que apareça as seguintes palavras: Blog, segurança e orkut, e quando passarem o mouse sobre a palavra "programas" quero que apareça as palavras: Google Chrome e Explorer.

Então eu digito assim no Blçoco de notas:

Obs: Repare que as palavras do submenu começam com um hife (-)

Logo embaixo destas palavras, vc cola os endereços das páginas que se abrirão, na mesma ordem das palavras do menu. Ex: Eu quero que quando alguém clicar na palavra "dicas" só abra o submenu, mas quando alguém clicar em uma palavra do submenu abra uma página. Então, na linha referente a posição da palavra "Dicas" (que é a 2º linha) eu deixo em branco nos endereços de página. Como mostra a imagem:

Atenção: As palavras em vermelho são apenas para demostrar qual página se abrirá com uma referida palavra, elas não devem ser digitadas.

3º Acesse o site: http://www.flashvortex.com/index.php?action=picksForm&generatorId=132

4º Faça as alterações que desejar, repare que alguns botões só são acessados se vc comprar, mas mesmo as opções gratuitas dá uma animação legal.

Procure o item 3 (Enter buttons Text Labels and links) e cole as palavra e os endereços das páginas que vc digitou lá no bloco de notas. Conforme a imagem:

5º Feita as mudanças clique em "GENERATE ANIMATION", na página que se abriu cópie o código que está dentro da caixa "Easy Installation":

7º Faça "login" no blogger, clique na aba "Design", "Elementos da página" e depois em "Adicionar uma gadget" , selecione a opção "HTML/JavaScript" e cole o código do flashvortex e "salve".

Dica: Salve as palavras do bloco de notas, pois quando quiser adicionar uma nova palavra será mais fácil.