Tutorial : Como mapear uma imagem [ATUALIZADO]

Salut aime (≧σ≦) , tudo bem com vocês ? Bom o tutorial de hoje é de como mapear uma imagem online . Tipo : Transformar uma imagem em um link , e aí quando vc clica na imagem ela te direciona para um site >.< ' é bem simples , e só necessita de 1 imagem e link's :3 , quer aprender ? Clique em 'leia mais' *-*

O site é o Image Maps , que teve uma atualização que fez todo mundo que usava pirar (inclusive eu) , enfim .

Ele pede uma URL , então você tem que hospedar a imagem e pegar o URL , sugiro os sites : imgur.com , prntscr.com , pt-br.tinypic.com . Aí , depois que você hospedar a imagem , clique com o botão esquerdo em cima dela , e clique em "Copiar URL" , e aí você cola a URL onde pede :)

 

Quando você clicar em "start mapping" irá abrir noutra página , e aí vc clica em click to continue .

Sua imagem irá abrir , clique com o botão esquerdo em cima dela , e escolha uma dessas opções : 

Create Rect - Cria um quadrado , aí , o lugar que vc colocou essa quadrado , quando a pessoa clicar nessa parte , vai direciona-la para um site

Create Poly - Cria uma forma livre com pontos , conforme você vai clicando , ela vai fazendo uma camadinha vermelha .

Create Circle - Dá a opção de você digitar uma medida , e aí cria um circulo .

Depois de escolher uma das 3 opções acima , vai aparecer isso : 

Bom , eu não sei a função de todos (kkk), apenas do básico , então , você segue o que eu escrevi , e aí vai dar certo >.< 

Após ter feito isso e salvado , clique denovo em cima da imagem com o botão esquerdo , e clique em "Get Code"

Para chegar em HTML Image Map Code , é necessário descer um pouquinho a página .

Bom , aí é só copiar o código e colar no gadget HTML/Java Script (caso você for colocar a imagem no blogger) . 

Então é isso gente :3 Beijão no core u-u

Vitória.