Mapeando Imagens

Foto: [kariipink.blogspot.com]

Esse tutorial já ensinei em Menu No Cabeçalho, mas agora, vamos aprender a mapear qualquer imagem ok? Então vamos lá! Clique em Leia Mais.

O que é mapeamento de uma imagem? É quando escolhemos determinados locais em uma foto para colocar um link.

O site é este, clique aqui e vamos ao tutorial?


TUTORIAL


Clique no link e vá ao site.

Carregue ou cole o link da sua imagem e a carregue.

Aguarde 10 segundos e clique em Continue To Next Step.

Após você carregar sua imagem, para criar um link, você clica em Rectangle. No lugar de http://www.image-maps.com/, cole seu link. No debaixo não coloque nada. Clique SAVE. Modele no formato onde deseja que o link fique. Certo? Adicione quantos links precisar.

Depois, clique em Get Your Code. Depois, no menu de cima, procure por HTML code, que é o segundo.

Copie o código até a tag </map>. Agora, adicione sua imagem onde quiser no seu blog, utilizando um Gadget HTML/JavaScript ou se for nas suas postagens, em Editar HTML.

Você pode editar o title do código e colocar o que quer que apareça, ficando como exemplo nosso submenu na lateral do blog. Gostaram? Espero que sim. Beijos!