hxm-forum.com
SELAMAT DATANG DI HXM FORUM
Please login untuk berdiskusi disini...
kalo belum punya akun silahkan mendaftar dulu...
keuntungan menjadi member:
1. no ads/ iklan
2. see hidden forum
3. free download
dan keuntungan laenya...

HAPPY BROWSING


MEMBUAT LINK/TAUTAN DALAM SEBUAH GAMBAR

Topik sebelumnya Topik selanjutnya Go down

MEMBUAT LINK/TAUTAN DALAM SEBUAH GAMBAR

Post by Kazekage on Thu Aug 18 2011, 00:13

Rolling Eyes Rolling Eyes Rolling Eyes Rolling Eyes Rolling Eyes
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

_________________
TRIALL n ERORR is the BEST WAY to KNOW

www.hxm-blog.com

hxm official blog
avatar
Kazekage
Admin

Jumlah posting : 744
koin : 3860
Join date : 21.03.10

http://www.hxm-forum.com

Kembali Ke Atas Go down

Re: MEMBUAT LINK/TAUTAN DALAM SEBUAH GAMBAR

Post by maldeni on Thu Aug 18 2011, 00:40

-pusing2 ga ngrti kang

_________________
I want to create new ROM HandlerXperiA
pizz



avatar
maldeni
Moderators
Moderators

Jumlah posting : 1085
koin : 4038
Join date : 15.04.10

Kembali Ke Atas Go down

Re: MEMBUAT LINK/TAUTAN DALAM SEBUAH GAMBAR

Post by Joekerz on Thu Aug 18 2011, 00:43

Ada contoh yg udah jadi ga kang seperti apa sorry

_________________

mantav2
avatar
Joekerz
Moderators
Moderators

Jumlah posting : 1778
koin : 5819
Join date : 20.09.10

Kembali Ke Atas Go down

Re: MEMBUAT LINK/TAUTAN DALAM SEBUAH GAMBAR

Post by Kazekage on Thu Aug 18 2011, 01:01

CONTOH link dalam gamabar





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


Terakhir diubah oleh Kazekage tanggal Thu Aug 18 2011, 01:08, total 2 kali diubah

_________________
TRIALL n ERORR is the BEST WAY to KNOW

www.hxm-blog.com

hxm official blog
avatar
Kazekage
Admin

Jumlah posting : 744
koin : 3860
Join date : 21.03.10

http://www.hxm-forum.com

Kembali Ke Atas Go down

Re: MEMBUAT LINK/TAUTAN DALAM SEBUAH GAMBAR

Post by maldeni on Thu Aug 18 2011, 01:06

ga ngrti sama skali kang wkakak1

_________________
I want to create new ROM HandlerXperiA
pizz



avatar
maldeni
Moderators
Moderators

Jumlah posting : 1085
koin : 4038
Join date : 15.04.10

Kembali Ke Atas Go down

Re: MEMBUAT LINK/TAUTAN DALAM SEBUAH GAMBAR

Post by Kazekage on Thu Aug 18 2011, 01:14

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 Rolling Eyes

_________________
TRIALL n ERORR is the BEST WAY to KNOW

www.hxm-blog.com

hxm official blog
avatar
Kazekage
Admin

Jumlah posting : 744
koin : 3860
Join date : 21.03.10

http://www.hxm-forum.com

Kembali Ke Atas Go down

Re: MEMBUAT LINK/TAUTAN DALAM SEBUAH GAMBAR

Post by Joekerz on Thu Aug 18 2011, 01:24

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

_________________

mantav2
avatar
Joekerz
Moderators
Moderators

Jumlah posting : 1778
koin : 5819
Join date : 20.09.10

Kembali Ke Atas Go down

Re: MEMBUAT LINK/TAUTAN DALAM SEBUAH GAMBAR

Post by Kazekage on Thu Aug 18 2011, 01:33

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

_________________
TRIALL n ERORR is the BEST WAY to KNOW

www.hxm-blog.com

hxm official blog
avatar
Kazekage
Admin

Jumlah posting : 744
koin : 3860
Join date : 21.03.10

http://www.hxm-forum.com

Kembali Ke Atas Go down

Re: MEMBUAT LINK/TAUTAN DALAM SEBUAH GAMBAR

Post by s1s1 9elap Qu on Sat Aug 20 2011, 00:28

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

_________________
just click me

cekidooott

avatar
s1s1 9elap Qu
Admin

Jumlah posting : 2087
koin : 5793
Join date : 23.03.10

http://s1s1-9elap-qu.blogspot.com

Kembali Ke Atas Go down

Re: MEMBUAT LINK/TAUTAN DALAM SEBUAH GAMBAR

Post by Kazekage on Sat Aug 20 2011, 00:38


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

_________________
TRIALL n ERORR is the BEST WAY to KNOW

www.hxm-blog.com

hxm official blog
avatar
Kazekage
Admin

Jumlah posting : 744
koin : 3860
Join date : 21.03.10

http://www.hxm-forum.com

Kembali Ke Atas Go down

Re: MEMBUAT LINK/TAUTAN DALAM SEBUAH GAMBAR

Post by Sponsored content


Sponsored content


Kembali Ke Atas Go down

Topik sebelumnya Topik selanjutnya Kembali Ke Atas


 
Permissions in this forum:
Anda tidak dapat menjawab topik