Como fazer um Menu Mapeado

Yo, bilulithas♥ Como vão? Estou muito entediada, então vou fazer um tutorial .-.

O tutorial de hoje é como fazer um Menu Mapeado no blogger. (Igual o daqui do K.W)

Para vêr o tuto, clique aqui em baixo :)

Bem, para começar você faz a usa imagem e talz, com as palavras:

ex: Home - Tutoriais - Twitter - Instagram - Ask

Você escolhe! 

E depois da imagem  salvada no seu computador, você virá aqui (www) e você irá fazer o upload da sua imagem de menu.

Agora, vamos mapear a imagem. Para isso você irá ir aqui (www) e depois fará copiará o link do seu menu no Tumblr né, onde a gente Hospedou:

e irá colar aqui:

Depois você vai clicar em "Start Mapping Your Image" e espera carregar... Quando carregar, você clica em "Continue to next step" e abrirá sua imagem, certo?

Agora você irá desmarcar todos os quadradinhos da imagem abaixo:

Viu ó? Está tudo desmarcado, e é a mesma coisa que você irá fazer.

Agora o bendito mapeamento, para isso você vai clicar na ferramente "Rectangle" e vai aparecer um retangulozinho certo? Agora você deixa do tamaninho que você quer, e  onde está 'http://www.image-maps.com/' é onde você irá botar para qual lugar você quer que quando clique vá automaticamente veja:

Tá agora você faz isso com todos os lugares onde você tem de mapear, e para finalizar clique na opção:

"Get your code"

Ai você clica onde está sublinhado de azul:

Depois, você copia o código dentro da caixa.

Ai você vai em modelo > Editar HTML > Aperte em qual quer lugar de dentro do código de seu html e aperte ctrl + F e procure por </head>

Abaixo você irá colar código que você copiou veja:

Depois você salva e veja se ficou tudo certinho.

O meu ficou certo e tudo mapeadinho♥

Bem, é isso espero que esse tutorial tenha sido útil, sabe? ♥

Beijos Biru's!