Cara Membuat Link Gambar

Beberapa hari yang lalu ada adik kelas yang nanya2 bagaimana cara membuat gambar kotak kecil yang ada linknya. Mungkin yang dimaksud adalah membuat link gambar. Ok, akan saya coba jelaskan bagaimana cara membuat link gambar disini:

1. Persiapkan gambar yang akan dijadikan link, pastikan ukuran dimensinya sudah sesuai.

2. Upload gambar ke photobucket. Photobucket adalah situs layanan penyimpanan file gratis.

3. Ambil url direct link gambar yang barusan diupload. Contoh:

http://i553.photobucket.com/albums/jj375/karista1552/logo_social_bookmark.gif

4. Tambahkan kode HTML seperti ini:

<a href="http://mohkaris.blogspot.com/"><img src="http://i553.photobucket.com/albums/jj375/karista1552/link_gambar.gif" /></a>

Kode link diatas memiliki arti apabila gambar link_gambar.gif di klik maka alamat blog http://mohkaris.blogspot.com akan terbuka.

Cara meletakkan link gambar di sidebar blog

Kode link gambar telah selesai dibuat, kini saatnya meletakkannya di sidebar blog. Bagaimana caranya?? ikuti saja langkah-langkah berikut:

1. Login ke blogger dengan account anda

2. Klik link Tata Letak > Elemen Halaman

3. Klik Tambah Gadget pada elemen sidebar blog anda > Pilih HTML/Java Script

4. Beri sebuah judul pasa kotak judul. Misalnya: Banner Link

5. Pastekan kode berikut di bagian konten:

<a href="http://mohkaris.blogspot.com/"><img src="http://i553.photobucket.com/albums/jj375/karista1552/link_gambar.gif" /></a>

Jika anda membuat link gambar yang tersusun secara vertikal, tambahkan kode <p></p> sebagai pemisah. Contoh:

<a href="http://mohkaris.blogspot.com/"><img src="http://i553.photobucket.com/albums/jj375/karista1552/link_gambar.gif" /></a>
<p></p>
<a href="http://mohkaris.blogspot.com/"><img src="http://i553.photobucket.com/albums/jj375/karista1552/link_gambar2.gif" /></a>

Selamat mencoba.

Enjoy!!