21.7.12

Mapear imagem

6

Tumblr_mdtei04rvh1rh4yilo1_500_large

 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.


 4° Depois desmarque as opções abaixo, e clique em ''Obter seu código''.

 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?

6 comentários:

Related Posts Plugin for WordPress, Blogger...