membuat link di blog berupa gambar

Cara Buat Link pada Gambar

Ternyata masih banyak juga ya para blogger baru yang lom ngerti cara buat link pada gambar. Padahal di postingan saya tentang cara buat link dah di jelasin dikit mengenai cara buat link pada gambar. Yawda..daripada penasaran saya buat artikelnya deh.

Untuk membuat suatu link pada gambar, hal pertama yang harus anda ketahui adalah kode html untuk link itu sendiri. Berikut kode dasar html untuk bikin link :

<a href="url / alamat web yang akan dijadikan link">Tulisan link / gambar</a>

Contoh : Saya akan membuat suatu link yang menuju ke blog ini dengan tulisan link-nya kursus blog. Maka kode yang harus ditulis adalah seperti ini:

<a href="http://kursus-blog.blogspot.com">Kursus Blog</a>

Sehingga hasil yang ditampilkan adalah Kursus Blog.

Setelah mengetahui dasar kode html pembuatan link, selanjutnya hal kedua yang harus anda ketahui sebelum membuat link pada gambar yaitu kode html untuk menampilkan gambar pada blog. Berikut kode dasarnya :

<img src="alamat url gambar / tempat gambar disimpan" alt="namagambar"/>

Contoh : saya ingin menampilkan gambar ini , maka kode html yang harus di buat adalah seperti ini :

<img src="http://mizwar.blog.googlepages.com/logo.gif" alt="Kursus Blog"/>

Nah..jika 2 hal diatas sudah pada ngerti, sekarang waktunya untuk menampilkan sebuah link pada gambar. Kode nya seperti ini :

<a href="url / alamat web yang akan dijadikan link"><img src="url lokasi gambar" alt="nama gambar"/></a>

Pada text yang berwarna merah, masukan alamat web yang di jadikan tujuan link. Lalu pada url lokasi gambar, masukan alamat gambar yang akan di tampilkan. Pada nama gambar, isi saja bebas.

Contoh : saya akan membuat suatu link ke blog ini dengan gambar . Maka kode yang harus di buat adalah :

<a href="http://kursus-blog.blogspot.com"><img src="http://mizwar.blog.googlepages.com/logo.gif" alt="kursus blog"/></a>

Sehingga hasilnya menjadi .
Ok..mudah - mudahan pada ngerti ya. Oh iya...jika anda masih bingung dengan alamat lokasi gambar, klik kanan saja pada gambar yang ingin di jadikan link kemudian pilih copy image location lalu paste kan di notepad.

 

sumber referensi : http://kursus-blog.blogspot.com