Mapeando uma imagem


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

4 comentários:

  1. já tinha visto esse tuto *o*

    está rolando um sorteio lá no blog participe : http://ewface.blogspot.com.br/2012/03/millani-bijuterias-sorteio.html

    ResponderExcluir
  2. ótimo tutorial esse programa é show , amei o blog *-* http://pdisturbia.blogspot.com.br/

    ResponderExcluir
  3. Muito bom o tutorial , mas tipo , eu n sei fazer como
    vou botar o link do "SOBRE" do blog por exemplo ,
    se eu ainda n criei , sabe ? Pq tipo, ai eu ficaria com dois "menus" S:

    ResponderExcluir

Tecnologia do Blogger.