Andre's Tutorial Blog (ATB)

How to Make Images Clickable

• Pertama-tama, upload atau unggah dulu foto atau gambar yang akan digunakan sebagai link ke situs hosting gambar online seperti ImageShack, TinyPic, Flickr, RockYou atau Photobucket.

• Kemudian cari dan copy kode direct link dari gambar yang diupload tadi, seperti berikut ini.

• Sedangkan yang berikut ini adalah kode lengkap untuk merubah gambar menjadi tautan atau link.

• Ganti dan isi URL SITUS dengan alamat URL lengkap situs yang akan dijadikan link. Misalnya seperti: http://andrestutorialblog.blogspot.com/

• Ganti dan isi URL GAMBAR dengan direct link dari gambar yang diupload ke situs hosting image tadi:

• Lalu ganti dan isi NAMA TAUTAN dengan nama yang dinginkan misalnya: My Blogger.

• Bisa juga mengubah lebar (width) dan tinggi (height) gambar tautan dengan mengubah nilai 50 dan 30 sesuai kebutuhan.

• Kode lengkapnya akan nampak seperti berikut:

• Copy semua kode di atas.

• Kemudian ke halaman Dashboard Blogger. Klik Layout.

• Klik Add a gadget.

• Klik di tanda panah biru untuk memilih HTML/JavaScript.

• Kemudian ketik nama gadget di kotak Title (tidak harus) dan paste kode lengkap link tadi di kotak Content. Di bawah ini hanya contoh.

• Jika ingin membuat lebih dari satu link gambar, copy dan paste kode lengkap sebanyak yang diinginkan dan jangan lupa untuk mengubah URL SITUS, URL GAMBAR dan NAMA TAUTAN pada setiap link yang baru.

• Klik Save. Jika tidak ada kesalahan dalam kode maka akan ada pemberitahuan untuk melihat perubahan dengan klik View Blog atau Preview.

• Hasil akhir bisa terlihat seperti ini.

• Klik di gambar, maka link akan terbuka di tab lain (tidak di contoh ini, tapi jika ingin mencoba bisa diklik di bagian PLEASE VISIT MY di kanan atas blog ini).

• Jika tidak ingin link terbuka di tab baru, hilangkan bagian kode: target="_blank". Jadi kode lengkapnya jadi seperti ini: