Mapeando uma imagem

Posted by Natalia Sousa on domingo, março 18, 2012 in Tutoriais,

Suponhamos que você queira mapear esse menu:

1º Passo: vá até o site: http://www.image-maps.com/;

2º Passo: faça o upload da imagem;

3º Passo: espere o link que vem depois do timer regressivo;

4º Passo: Clique em "Rectangle" e comece o mapeamento;

Para mapear o próximo link, clique em "Rectangle" de novo. 

4º Passo: depois de mapear tudo, desmarque as opções à direita;

5º Passo: pegue seu código.

Agora é só copiar o código  que aparece, depois ir em "Design", clicar em "Adicionar um Gadget" de "HTML/JavaScript" e colar o código.

Ah, e você também colocar direto no HTML do seu blog, mas para isso copie o código que está na aba "CSS code". 

Crédito blog Menina nerd