Cara Membuat Link Pada Gambar

Cara Membuat Link Pada Gambar -

 Mungkin biasanya kita melihat penggunaan link pada teks yang umum muncul di blog atau website-website orang lain. Ternyata selain teks, kita juga bisa membuat link pada gambar yang berguna untuk mengarahkan orang yang mengklik gambar tersebut ke alamat URL yang anda inginkan.

Untuk menambahkan gambar ke dalam halaman baik itu artikel, bagian widget atau dimanapun, anda bisa menggunakan tag HTML <img src="http://"> . Kode IMG SRC itu adalah tag dalam html untuk menyertakan file berupa IMAGE dan http:// merupakan link dari gambar anda. Jadi sebelumnya, pastikan anda sudah mengupload gambar anda ke internet sehingga nantinya didapatkan link URL untuk gambar tersebut.

Sekarang mari kita praktekan cara memanggil gambar ke dalam artikel dengan kode di atas. Kebetulan saya sudah memiliki satu buah gambar yang sudah di upload. Berikut adalah link dari gambar saya : http://megacara.com/wp-content/uploads/2013/04/form2-430x200.jpg

maka kode untuk memanggil gambar tersebut menggunakan kode html adalah seperti ini :

<img src="http://megacara.com/wp-content/uploads/2013/04/form2-430x200.jpg">

(Hasilnya seperti di bawah ini !)

Selain itu anda juga menambahkan atribut seperti WIDTH untuk mengatur lebar gambar dan HEIGHT untuk mengatur tinggi gambar. Atribut ini diletakan setelah link gambar tersebut.

<img src="http://megacara.com/wp-content/uploads/2013/04/form2-430x200.jpg" widht="100px" height="100px">

(Hasilnya seperti ini !)

sekarang bagimana cara menambahkan link pada gambar ? anda cukup menambahkan kode <a href="http://"> Maka kodenya nanti akan seperti ini :

<a href="http://digitalareas.blogspot.com"><img src="http://megacara.com/wp-content/uploads/2013/04/form2-430x200.jpg"></a>

(Hasilnya seperti ini ! )

Klik gambar tersebut dan anda akan menuju ke halaman utama blog ini 

Saya rasa sudah cukup jelas apa yang saya utarakan di atas, sekarang anda hanya perlu mencobanya untuk membuktikan hasilnya. Jadi rasanya artikel Cara Membuat Link Pada Gambar cukup sampai disini saja. Semoga bermanfaat untuk anda semua.