Cara Membuat Link Gambar

Cara Membuat Link Gambar

Cara membuat link pada gambar, sebenarnya tidak jauh berbeda dengan link pada teks. Pada link teks, apabila kita meng-klik teks akan terbuka halaman web lain. Pada link gambar apabila kita klik gambar, maka terbuka halaman web baru.

Sebelum kepada link gambar, kita lihat dulu bagai mana kode HTML dasar dari link teks, seperti  ini:

<a href="url tujuan">anchor teks</a>

Maka apabila saya ingin membuat teks link yang ditujukan ke blog.kangismet.net, maka kodenya seperti ini:

<a href="http://blog.kangismet.net/">Blogger Tutorial</a>

Apabila kita ingin menampilkan gambar sebagai link, maka kita tinggal mengganti anchor teks menjadi gambar, kode dasarnya seperti ini:

<a href="url tujuan"><img src="url gambar" /></a>

Contoh kode, gambar yang ditujukan ke blog.kangismet.net:

<a href="http://blog.kangismet.net/"><img src="http://1.bp.blogspot.com/

-EL0iQY6651k/TtCFY0jbHxI/AAAAAAAABHc/2Mkwfc9bOVQ/s1600/ki.png" /></a>

maka hasilnya seperti ini : (sok atuh silahkan di klik)

Beberapa hal yang perlu diperhatikan :

1. Untuk memasukan kode di atas harus pada mode HTML
2. Gambar harus sudah di upload
3. Supaya terbuka di tab baru tambahkan kode target="_blank" pada url tujuan, contoh:

<a href="http://blog.kangismet.net" target="_blank">

4. Supaya gambar terbaca di Search Engine, tambahkan kode alt="keterangan gambar" pada url gambar, contoh:

<img src="http://4.bp.blogspot.com/-zzeju97zS34/TzUklCgI2mI/AAAAAAAABbA/

WY6rUNgXmbY/s1600/logo1.png" alt="logo blog kang ismet" />

5. Supaya keluar teks ketika mouse disimpan di atas gambar, tambahkan kode tittle="judul gambar", contoh:

<img src="http://4.bp.blogspot.com/- zzeju97zS34/TzUklCgI2mI/AAAAAAAABbA/

WY6rUNgXmbY/s1600/logo1.png" alt="logo blog kang ismet" tittle="Blog Kang Ismet" />

6. Kode keseluruhan seperti ini :

<a href="http://blog.kangismet.net" target="_blank"><img src="http://4.bp.blogspot.com/

- zzeju97zS34/TzUklCgI2mI/AAAAAAAABbA/WY6rUNgXmbY/s1600/logo1.png" alt="logo blog kang ismet"

tittle="Blog Kang Ismet" /></a>

Untuk mengupload gambar, dan cara mengetahui alamat/url gambar silahkan kunjungi tutorial "Cara upload gambar ke Blogger".

Upload Gambar
Sebuah blog tidaklah lepas dari gambar/image. Karena saya tidak punya hosting sendiri, pada awalnya saya sering menggunakan photobucket atau imageshack untuk penyimpanan gambar, namun ternyata apabila tidak login ke situs tersebut selama 3 bulan, maka gambar akan hilang.

Kemudian  saya berfikir untuk berlari ke blogger, yang menyediakan fasilitas unlimited untuk penyimpanan gambar. Namun bagaimana caranya? kalau hanya untuk publish gambar di postingan itu mudah saja.

Pengalaman mengedit / membuat template yang kadang membuat saya tertawa sendiri, coba publish gambar, ambil url, dan ternyata gambarnya kecil... tidak sesuai dengan keinginan saya.

Yups.. kepanjangan kali ya... langsung langkahnya aja..

1. Buat Entri baru, kasih judul misalkan IMAGES
2. Upload gambar. (klik icon insert image) Ingat! Entri jangan diterbitkan Cukup di Save
3. Klik kanan pada gambar, Open Link in New Tab
4. Pada tab baru, setelah terbuka gambar klik kanan dan  Copy Image Location
5. Great... anda telah mendapat url gambar anda. Paste dimana anda suka!

 Sumber:  http://blog.kangismet.net/2011/11/cara-membuat-link-pada-gambar.html