Menu no cabeçalho

Bom para começar teremos que excluir o gadget padrão do cabeçalho. 

Abra o HTML do seu blog, em modelo >> editar HTML >> depois clique em  Expandir modelos de widgets >> aperte as teclas Ctrl+F e digite o nome do seu blog. Você deve encontrar algo parecido com isso:

 No lugar de "Nome do seu blog" vai estar o nome do seu blog. Apague aonde está escrito true (seta rosa) na imagem acima. Visualize e clique em Salvar modelo. 

Agora vá em layout >> cabeçalho >> excluir . Prontinho, o cabeçalho está excluido!

Agora vamos mapear a imagem. Entre nesse site: www.image-maps.com

Lá tem a opção de fazer upload da imagem, clique nela e depois em Start Mapping Your Image:

Clique na imagem para aumentar.

Depois espere sua imagem ser carregada:

Clique na imagem para aumentar.

Clique na imagem para aumentar.

Depois que ela for carregada, clique no botão retangle na lateral do site e faça um retângulo em onde você quer por um link. Veja :

Clique na imagem para aumentar.

Clique na imagem para aumentar.

Depois é só clicar em save. Faça isso em todos os links do menu. E quando acabar clique em:  Get Your Code  , depois clique na guia HTML Code.
Selecione o código só até </map>  e copie.

Clique na imagem para aumentar.

Clique na imagem para aumentar.

Vá em Layout  >> adicionar um gadget de HTML/Javascript. Cole o código do gadget e depois do fim do código, coloque a tag </div> . Salve o gadget e arraste ele para o topo do blog (aonde ficava o cabeçalho). Depois clique em Salvar lá em cima, e pronto!

Quaquer duvida é so falar nos comentários.

Beijos, beijos ;*