Menu dentro da imagem do cabeçalho

Agora vamos ao mapeamento da imagem. Já ensinei como mapear pelo paint aqui no blog, mas se você quiser algo mais rápido entre nesse site: www.image-maps.com

Lá tem a opção de fazer upload da imagem, mas eles não hospedam ela. Você deve hospedar a imagem em outro site como o www.tinypic.com e depois colar a url dela lá no site. Veja o print:



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


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


Vá no blogger > Design e adicione um gadget de HTML/Javascript. Cole o código do gadget e depois do fim do código, coloque a tag </div> para fechar o código.

Salve o gadget e arraste ele para o topo do blog. Depois clique em Salvar lá em cima, e seu cabeçalho com menu está pronto!



Você pode usar o image maps para fazer vários outros mapeamentos, é só usar a criativdade! Espero que tenham gostado, Kissus!