Hoje trago um tutorial bem legal, que é como mapear uma imagem, é simples e rápido além de ser muito útil. Então vamos aprender.
1° Entre nesse site: http://www.image-maps.com/
Como eu uso a internet Chrome ele traduz a página e assim fica mais fácil, pois o site é em inglês.
Na página inicial, tem dua opções, de você carregar a imagem pelo seu pc ou colocar o URL da imagem. Depois é só clicar em ''Iniciar Mapeamento''.
(Clique na imagem pra ela ficar no tamanho original)
2° Depois você vai ser redirecionado a outra página, onde vai esta sua imagem, estão você clica em ''Continuar para o passo seguinte''.
3° Nessa outra página, do lado direito da página, você clica em ''Retângulo, e em seguida vai aparecer um quadrado onde você arrasta ele para cima do nome onde quer colocar o link.
Depois é só salvar e fazer o mesmo processo nos outros nome da página.
5° Clique na opção ''Código HTML'' e lá vai esta o código da sua imagem. Cole no JavaScript no Design do blog e arraste para o topo, e salve.
Minha imagem
Mapear uma imagem pode ser uma imagem para o blog, para alguma divulgação...
Decidi fazer uma para as Categorias aqui do blog, e confira como ficou:
Gostaram? Alguma dúvida?
Gostei do tuto...
Ah, tá rolando um super sorteio de um Kit de Maquiagem lá no blog. PARTICIPA!!!
Bjinhos e ótimo fds!
Blog da Tainara
www.blogdatainara.com
Nossa Tainara eu amo sorteio *-*
Indo agora participar :D
gostei tutu e facil e lindo o resultado
http://blog-meninasmalucas.blogspot.com.br/
Eu parei de mapear imagens nesse site porque sempre dava um problema, então acabei parando de fazer lays com mapeamento de imagens
http://saladadefrutasbr.blogspot.com.br
Muito bom o tuto! Uma vez eu fiz neste site , mas depois deu erro na imagem e não carregava em nenhum navegador ai tive que retirar , o jeito foi dar um estilo pro menu que já vem no travel mesmo XD rsrsrs, mas vou ver se testo com mais uma imagem pra ver se foi só azar mesmo! Beijus flor ótimo fds!