Jumat, 26 Februari 2010

Imagemap

Imagemap adalah sebuah gambar tetapi kalau diklik di bagian berbeda maka link-nya berbeda. Aku akan sediakan tutorialnya ke kamu!
1. Download imagemapic 2.0 dan jalankan softwarenya
2. Akan muncul tampilan dibawah ini:


3. Tekan Ctrl+O. Lalu, pilih gambar yang kalian inginkan. Misalnya seperti dibawah ini:

4. Select area yang mau kamu kasih link. Klik kanan area itu dan klik edit propeties.... Terus kasih link, deh! Targetnya dikosongin juga gapapa.
5. Klik deh, bagian yang dilingkari warna merah. Lihat gambar ini:

6. Copy-kan kode yang mucul. Misalnya seperti ini:
<a href=""><img src="klik-klik-klik.jpg" alt="klik-klik-klik.jpg" usemap="#klik-klik-klik.jpg" style="border: 0;" /></a>

<map name="klik-klik-klik.jpg">
<area shape="rect" coords="33,92,134,130" href="http://dicaoke.multiply.com" target="" alt="" />
<area shape="rect" coords="32,132,149,167" href="http://facebook.com/dica.diajeng" target="" alt="" />
<area shape="rect" coords="262,88,358,128" href="http://princess-dica.blogspot.com" target="" alt="" />
<area shape="rect" coords="244,136,360,169" href="http://friendster.com/dicayu" target="" alt="" />

</map>
7. Upload gambarmu ke mana aja terserah. Terus ganti copy URL-nya. Paste-kan ke yang <img src="gbr kamu">
8. Jadi, deh! Ini contoh jadinya:
klik-klik-klik.jpg


Artikel seperti ini juga dapat dilihat di: http://dicaoke.multiply.com/journal/item/22/Imagemap