Avisos do Blog + Tutorial (Como Mapear Uma Imagem)

Avisos:
1. Wishlist 2013 atualizada. Confiram :) pleeeeeeeeeeeeeeease!
2. Ainda estou recrutando postadores. Vagas limitadas, corram. Para saber mais, clique aqui. Estou implorando, inscrevam-se! T_T
3. Hoje é o meu último dia de férias (buáááááááá Ç_Ç) a partir de agora, o número de posts irá diminuir drasticamente >>>> culpem meus professores (rsrsrs, brinks) <<<< mas, acho que, com os novos postadores, o blog não ficará tão desatualizado. E, por favor, por favor, se você gosta do blog e desejaria contribuir aqui, inscreva-se como postador! Estou pedindo! ~.~ Quer que eu ajoelhe? *ajoelha* Pronto! Agora, inscreva-se!
Tutorial: Como mapear uma imagem
Há um tempo, me pediram no post 'Tutorial: Como colocar imagem no cabeçalho' para fazer uma postagem de como colocar as páginas junto com a imagem do cabeçalho, ou seja, como 'mapear' uma imagem. Bem, vamos aos passos (créditos totais do tutorial: Cherry Bomb ~apenas as imagens foram editadas por mim~). Continue lendo>

1. Primeiro você precisa deletar seu cabeçalho (não esqueça de primeiro salvar uma cópia, caso se arrependa). Para isso, faça o seguinte: 
Vá no html do blogger e aperte Ctrl+F e procure por Header1
Você achará algo parecido com isto:
<b:widget id='Header1' locked='true' title='NOME DO SEU BLOG (Cabeçalho)' type='Header'/>
Apague essa parte e salve. Perceba que seu cabeçalho vai sumir.
2. Depois, você deve salvar a sua imagem na internet. Para isso, crie uma conta no Imageshak ou outro site de sua preferência e hospede a imagem. Copie o link (no Imageshak é o 'link direto').
3. Para o mapeamento da imagem, é necessário ir ao seguinte site: http://www.image-maps.com/ Depois, cole o código (url ou link, como preferir) da imagem em 'From a Url', como mostra o print:

Depois da imagem carregar, vai aparecer uma outra tela, parecida com esta:

A seguir, clique em no botão 'Rectangle' na lateral direita e faça um retângulo em volta da área aonde você quer colocar o link, assim como mostra a imagem abaixo.

Na parte onde estiver escrito 'Link for this map' é onde você deve colocar o url da página que corresponde. E lembre-se de NÃO preencher a segunda lacuna 'Title/Alt for this map'.

Depois, clique em 'Save'. 
Vá fazendo isso até terminar de colocar os links. Quando finalizar, clique em 'Get Your Code' e depois clique na guia 'HTML code'.
Selecione o código até </map> e copie.

*Clique na imagem para aumentar*

4. Vá para Blogger > Designer e adicione um gadget de 'Html/Javascript', cole o código e adicione ao final a tag </div> para fechar o código.

*Esta imagem pertence ao Cherry Bomb*

5. Salve o gadget e arraste ele para o topo do blog.
6. Clique em salvar no topo do blog.
7. Está pronto!
Lembrem-se que: este tutorial pertence ao Cherry Bomb.
Beijos! Na.