Cara Membuat Link Pada Gambar

Posted by Eddy Wijaya Tuesday, 30 April 2013 0 komentar

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.

Cara Membuat Link Pada Gambar


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 

Cara Membuat Link Pada Gambar

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 !


Silahkan Masukan Email Anda Untuk Mendapatkan Notifikasi Setiap Ada Artikel Baru Di Blog ini.


Berikut adalah caranya :
1. Masukan Email Anda dikotak yang disediakan.
2. Klik Tombol Suscribe
3. Buka Email Anda dan Segera Klik Link yang diberikan Untuk Mengaktivasi

Delivered by FeedBurner


Artikel Komputer
Blinkie Text Generator at TextSpace.net
Terima Kasih Atas Kunjungan Anda
Judul: Cara Membuat Link Pada Gambar
Ditulis Oleh Eddy Wijaya
Semoga artikel ini bermanfaat bagi saudara. Dilarang melakukan Copy Paste secara langsung, Jika anda ingin membuat artikel serupa, buatlah dengan narasi anda sendiri. Untuk pengutipan silahkan sertakan link ke Cara Membuat Link Pada Gambar ini. Setiap pelanggaran yang dilakukan akan kami proses dengan cara DMCA Takedown. Terima kasih atas pengertiannya dan sudah singgah membaca artikel ini.


Artikel apakah yang anda inginkan tampil di blog ini ?

SITE INFO

DMCA.com