Minggu, Februari 07, 2010

How to Make Images Clickable

Bagaimana cara membuat image link di blogspot? Berikut cara membuat dan mengubah gambar atau foto kita sendiri menjadi tautan  (link) di (sidebars) blog Blogspot yang bila diklik akan membawa readers ke halaman yang diinginkan baik di tab yang sama atau di tab baru.

Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.

  • Kemudian cari dan copy kode direct link dari gambar yang diupload tadi, seperti berikut ini.
 http://img23.imageshack.us/img23/5385/logoblogintensedebate.jpg
  • Sedangkan yang berikut ini adalah kode lengkap untuk merubah gambar menjadi tautan atau link.
<a href="URL SITUS" target="_blank"><img src="URL GAMBAR" alt="NAMA TAUTAN" width="50" height="30" border="0" /></a>
  • 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:
http://img23.imageshack.us/img23/5385/logoblogintensedebate.jpg
  • 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:
 <a href="http://andrestutorialblog.blogspot.com/" target="_blank"><img src="http://img23.imageshack.us/img23/5385/logoblogintensedebate.jpg" alt="My Blogger" width="50" height="30" border="0" /></a>
  • Copy semua kode di atas.
  • Kemudian ke halaman Dashboard Blogger. Klik Layout.

Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.


  • Klik Add a gadget.


Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.

  • 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:
<a href="http://andrestutorialblog.blogspot.com/" ><img src="http://img23.imageshack.us/img23/5385/logoblogintensedebate.jpg" alt="My Blogger" width="50" height="30" border="0" /></a>

Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.

And that's a wrap.

Bookmark and Share


Artikel Rekomendasi:

- Bagaimana Cara Membuat Custom Link List Tautan yang Terbuka di Tab Baru

- Dasar-dasar Cara Menggunakan Twitter

- Amazon Associates: Affiliate Program di Blogger Blospot

- Bagaimana Cara Membuat Facebook & MySpace Kita Sendiri

- Bagaimana Cara Memunculkan Gadget Product Finder dari Amazon Associates di Blogger

- Respon Emoticons Berupa Glittery Teks di Plurk

- Bagaimana Cara Mengetahui IP Address Spammer: Gunakan StatCounter.Com

- Block Komen Spam Dengan Toolator.Com

- Bagaimana Cara Pake Emoticons Extra Set Tapi Karma Minim Saat Nge-Plurk

- Bagaimana Cara Make Emoticons Ngeplurk di HP: Daftar Smileys Plurk

- Kode Script HTML untuk Mengubah Memperbesar Memperkecil Ukuran Font Huruf Posting Blog

- Bagaimana Cara Mengetahui Orang Yang Tidak Mengikuti (Unfollowing) di Twitter

Klik di sini membawa Anda ke AndresTutorialBlog.blogspot.com

Klik di sini untuk ke DownloadMyFreeMP3.blogspot.com - download my own free mp3



---

4 comments:

Maurice Avrahm mengatakan...

Mantap mas.. Sukses ya.
Buat teman2 yg mau eksis di facebook patut dilihat:
Mengedit photo dalam 3 menit. Klik saja.

Andre mengatakan...

thanks Maurice, terima kasih sudah berkunjung...

casc_azhar14 mengatakan...

cetarrrrrrrrrrrrrrrr brow

Andre mengatakan...

terima kasih @casc_azhar14

http://www.klikvsi.net/?reg=andrirahardian

http://www.klikvsi.com/?ref=VP6079394

Posting Komentar

--------------------------------------------------------------------

Enter your email address:

Delivered by FeedBurner

--------------------------------------------------------------------

--------------------------------------------------------------------

--------------------------------------------------------------------