MEMBUAT LINK/TAUTAN DALAM SEBUAH GAMBAR

kali ini saya akan menshare cara membuat link/tautan dalam sebuah gambar

pertama tama lihat gambar berikut:


Berikut keteranganya,
misal kita punya gambar kotak putih dan kotak hijau didalamnya[lihat gambar diatas]
nah kita ingin membuat sebuah link/tautan pada kotak hijau maka codenya:

Code:


<img src="urlgambar' width="lebargambar" height="tinggigambar" usemap="#header" />

<map name="header">
<area shape="rect" coords="A,B,C,D" href="urltautan">
</map>


keterangan kode;
*area shape : bentuk link
*rect: kependekan dari rectangular atau persegi
*coords: kependekan dari koordinat

nah untuk membuat link pada kotak hijau kita harus tahu koordinatnya dulu
penulisanya harus urut juga yaitu A,B,C,D agar link yang dibuat tepat pada kotak hijau


well ini hanya contoh saja. kamu bisa mengembangkanya jadi lebih komplex.
kamu bisa menggunakan ini untuk mendesain header misalnya, atau yang lain.


SEMOGA BERMANFAAT :D

ga ngrti kang

Ada contoh yg udah jadi ga kang seperti apa

CONTOH link dalam gamabar





nah arahin krsor di kotak biru pada gambar maka ada link ke waphxm he he

ga ngrti sama skali kang

contohnya gag bisa muncul di forum

coba buka www.loadingz.tk

nah arahin kursor ke kotak hijau maka akan muncul link nya


@malden gag ngertinya gimana

Owh bru tau mantap kang tp naruh code nya dimana yah trz buat mywapblog bs jg ga

Code:


<img src="http://i48.servimg.com/u/f48/15/08/35/29/linkim10.png"  usemap="#header' />
<map name="header">
<area shape"rect" coords="120,50,300,150" href="http://waphxm.tk">
</map>


neh code dari lodingz.tk tadi

ane kurang ngert mywapblog he he

contoh paling gampang link di dalam gambar yah di banner blog ente masing2

contoh lain adalah header the largest indonesian community pake code ini juga cuma dah agak advance

neh codenya

Code:

<map name="Map" id="Map">
      <area shape="rect" coords="120,-1,348,48" href="http://www.kaskus.us">
      <area shape="rect" coords="420,18,548,48" href="forum.php">
      <area shape="rect" coords="558,19,685,47" href="forumdisplay.php?f=25">
      <area shape="rect" coords="808,33,863,48" href="group.php">
      <area shape="rect" coords="750,33,801,48" href="blog.php">
      <area shape="rect" coords="694,33,743,48" href="http://www.kaskusradio.com/" target="_blank">
      <area shape="rect" coords="363,30,411,48" href="http://www.kaskus.us">
   
        </map>

so tergantung kita ngembanginya