Cara Membuat Link Pada Gambar
Cara Membuat Link Pada Gambar - Artikel ini bermaksud untuk menyambung postingan saya beberapa minggu yang lalu sekaligus menjawab pertanyaan yang masuk melalui E-mail saya mengenai 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.
. 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 !)
(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 ! )
(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 !
