Tutorial como mapear uma imagen

Oii trouxe um tutorial de como mapear uma imagem !

Tente entender:
Mapear é conseguir o código do seu cabeçalho já com os links embutidos nele.

Importante Leia:
Testei o tutorial e funcionou corretamente apenas com a versão antiga do blogger caso a sua seja a nova vá em Modelo---> e clique em "Interface Antiga do blogger" 

Vamos Mapear:

1: Entre nesse site de mapeamento (WWW) e onde está escrito From a URL coloque o link direto da sua imagem

Agora clique em-->

2: Espere um pouquinho até sua imagem abrir e clique em continue to next step.

3:Agora é a parte de colocar os link. Para isso clique em Rectangle.

4: No retângulo que abrir você encaixa aonde quer que fique o link. Onde está escrito Link for this map você coloca o link do seu blog:

Feito isso clique em SAVE e repita até que todos os link sejam colocados.

5: Agora temos que pegar o código do seu cabeçalho para isso clique em Get Your Code

Depois na página que te direcionar clique na opção HTML Code

e selecione o código até </map> e copie.

Colocando:

Vá no seu blog, no HTML aperte CTRL+F e procure por: Header1
Você deverá achar algo parecido com isso: <b:widget id='Header1' locked='true' title='Nome do Seu Blog (Cabeçalho)' type='Header'/> 

Apague apenas essa parte e salve. Quando salvar aparecerá uma mensagem mais ou menos assim "Deseja excluir o widget cabeçalho?" Clique em excluir, visualize e note que seu cabeçalho sumiu (está correto).

Agora vá em Elementos de Página---->AdicionarGadget----> HTML/Javascript e cole o código do mapeamento com a tag </div> no final (para fechar o código). Salve e mova para cima.

Depois que fizer isso já pode voltar para a nova versão do blog!

Beijos♥

Créditos a Exclusive Template