Como mapear imagens.

Oii bb's! Trouxe um tutorial bem legal para vocês com um código feito por mim, ele serve pra mapear imagens.

eu amo Nitendo Wii, apesar da minha bff bater com ele no meu olho e começar a sangrar.
Bom, para ver, é só clicar:

Bom, o código foi feito por mim, aliás, tudo que não é nosso é creditado, bom, é bem simples, a imagem de mapeamento que eu fiz tem 4 links, no final do post eu coloco um com mais links.

<div style="text-align:center; width:700px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_6201204021618102" src="URL DA SUA IMAGEM" usemap="#Image-Maps_6201204021618102" border="0" width="700" height="100" alt="" />
<map id="_Image-Maps_6201204021618102" name="Image-Maps_6201204021618102">
<area shape="rect" coords="4,12,158,85" href="SEULINK1" alt="" title=""    />
<area shape="rect" coords="171,16,340,89" href="http://SEULINK2" alt="" title=""    />
<area shape="rect" coords="467,17,636,90" href="http://SEULINK3/" alt="" title=""    />
<area shape="rect" coords="350,22,469,95" href="http://SEULINK4/" alt="" title=""    />
</map>
</div>

           
Bom, não tá difícil de ler, para adicionar mais links é só por esse código antes de </map> </div>

<area shape="rect" coords="350,22,469,95" href="http://SEULINK/" alt="" title=""    />

Para adicionar basta colocar um gadget HTML/JavaScripit e colocar seu código personalizado.
Fácil, não?
Se usar credite.
 Breve um tutorial mega-legal para vocês. Aguardem.!