Colocar menu mapeado no Blogger (Exemplo dois)

Bastante gente tem perguntado o que fazer pra colocar aquele código de mapeamento gerado pelo DreamWeaver, FontPage ou ImageReady no footer ou header do blog. Não é complicado, mas é um pouco trabalhoso. Nesse tutorial vou mostrar como colocar no header. Vamos lá. :)
Por exemplo, eu quero colocar links no footer, mas quero tudo mapeado, bem bonitinho. E também quero um menu no cabeçalho, mas quero mapeado também. Veja um exemplo aqui. Pois bem, o truque é que você vai ter duas imagens, sempre. A imagem original e o recorte dela. Mais ou menos assim (clique pra ver maior):

Original

Recorte para mapear

O que você vai fazer é posicionar a imagem mapeada em cima da imagem original, entendeu? /tongue

Importante! Depois de mapear o recorte, copie o código gerado pelo programa onde você mapeou e cole dentro de um widget de HTML/JavaScript. Isso vai fazer com que o blogger corrija os erros do código. Às vezes faltam as barras que fecham os links, então ele vai corrigir.

Depois disso, pegue o código que você colou no widget e escolha o lugar onde você quer colocar o mapeamento. No banner, eu aconselho a colocar nesse trecho aqui:

    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blog de testes (Cabeçalho)' type='Header'/>
</b:section>
<div id='menu'> código do mapeamento aqui
</div>     </div>

Veja que eu criei uma ID com o nome de menu. É assim que você vai posicionar o recorte. Atribuindo um ID pro menu, eu vou criar uma "chamada" com CSS, desse jeito:

#menu {
margin-left: valorpx;
margin-top: valorpx;
float: left;
}

Vá alterando os valores até que encaixe uma imagem na outra. Se margin não der certo, tente trocar por padding, certo? Lembrando que você pode trocar a flutuação (float) e o lado (left) de acordo com o posicionamento que você quer. Esse aí foi pro menu do exemplo.
Se você achou complicado, aqui tem uma outra maneira, mas para outro tipo de layout. :) Qualquer dúvida, mande somente através do formulário.