Tutorial: Menu no cabeçalho

Hello gente, pra deixar o blog mais legal, decide postar alguns tutorias que serviram pra vocês. Hoje para o tutorial de estréia, vou ensinar a vocês um tutorial muito show. Estão a fim de aprender como personalizar o menu e colocá-lo no cabeçalho? Muito fácil! Então chega de conversa e vamos ao tutorial. Let’s Go.

Como faço ?

Primeiro, vá em qualquer programa de edição e coloque na foto que você ira usar, as páginas que você quer que apareçam e depois salve.

E depois ?

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? Visualize para ver se está tudo bem, e depois salve. Remova o gadget se der algum erro.

Gostaram? Bem fácil não? Comente sobre o que você achou do tutorial.

Bjus ;*