Menu no Cabeçalho do Blog

Foto: [calvinscanadiancaveofcool.blogspot.com]

Hoy gente, vou ensinar esse tutorial mega legal que aprendi no Cherry Bomb! E aposto que vocês vão gostar! Tá afim de personalizar o menu do seu blog e colocá-lo no Cabeçalho? Simples! Crie sua imagem de cabeçalho.Veja o exemplo do próprio Cherry Bomb!:




Certo? Coloque na sua foto todos as páginas que você quer que apareçam. Dá para fazer isso em qualquer programa de edição de fotos. Salve. Importante! Antes de fazer o cabeçalho do seu blog, verifique as medidas certas para não ocorrerem erros depois ok?

TUTORIAL


Entre no site que vamos utilizar clicando aqui.

Carregue sua imagem em Escolher Arquivo e clique em Start Mapping Your Image.

Depois que sua imagem carregar, espere os 9 segundos requeridos e ao término deles, clique em Continue to next step.

Agora veja no menu a sua direita, que possui um botão escrito Rectangle. Clique nele. irá aparecer um quadro. Apague o URL padrão e coloque o seu URL (de acordo com o nome página). Ajeite o quadrado sobre o lugar onde está o nome da página. Faça isso em todas as suas páginas.

Obs*: Não adicione nada na caixa abaixo da caixa de URL.

Um pouco mais abaixo do botão Rectangle, você encontrará o Get Your Code. Clique nele. Agora no menu que aparecer lá no alto, clique em HTML CODE. Copie o código até a tag  </map>

Cole o código em um Gadget de HTML/JavaScript e no fim dele adicione </div>. Certo? Salve e visualize para ver se está tudo bem. Remova o gadget se der algum erro. Espero que consigam :*

Créditos: Cherry Bomb!