Como mapear cabeçalhos usando o novo Image-Maps

Hey Pessoal! Son Ivson aqui com o nosso primeiro tutorial desse blog!
Nesse tutorial, vamos ensinar a como mapear cabeçalhos usando o novo image-maps.
Sim, o Image-maps mudou de administrador, e, pelo que parece, só se pode mapear pagando, e o HTML que dão grátis não pega mais no HTML do Template!
Porém, mapas feitos antes do Image-maps mudar, ainda pegam perfeitamente.
De qualquer maneira, achei um jeito de mapear os cabeçalhos sem precisar pagar pelo próprio Image-maps!
Bem, primeiramente: Faça o cabeçalho. Coloque pinguins, puffles, a logo do blog e tudo o que mais quiser. Mas não esqueça de colocar as palavras de menu, tipo, Início, Equipe, Parcerias...
Quando terminar, poderá ficar mais ou menos assim:

Agora vamos para a segunda etapa: Hospede a imagem e depois pegue o link e coloque no Image-maps.
Depois, clique com o botão direito do mouse, vá em create rect, defina o tamanho, o lugar, o link e o nome da seleção e clique em save.
Faça isso em todo o menu.
Quando terminar, provavelmente estará assim:

Agora clique com o botão direito do mouse, e vá em Get Code. Depois vá em HTML Code. Agora procure por HTML Image Map Code e pegue o HTML que há lá.
Agora vá no Blogger e vá em Layout. Lá vá no primeiro Adicionar Gadget:

Agora procure por  HTML/JavaScript. Cole o Código e salve. Agora, vá no HTML do blog e exclua o link do cabeçalho e o HTML do antigo cabeçalho, se você já tinha colocado antes.
Se der tudo certo, ficará assim:

 Pronto, espero ter ajudado vocês!
Até o Próximo Tutorial!
~Son Ivson