Close

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
By at
Arquivado em:
loading..

4 comentários

  1. Gizaa Veiga18 de março de 2012 às 07:32

    Muito fácil assim :)
    Adorei

    bjãoo

    ResponderExcluir
  2. vanessa - Eyes Without a Face ;18 de março de 2012 às 14:31

    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
  3. Portal Disturbia OFICIAL18 de março de 2012 às 17:21

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

    ResponderExcluir
  4. Ana Luiza Vasconcelos5 de outubro de 2012 às 15:12

    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

Assinar: Postar comentários (Atom)