Cara Membuat Link/Tautan pada Gambar yang Bisa di klik di Halaman Blog

Untuk membuat link yang bisa di klik di posting blog bisa juga menggunakan media selain teks, seperti menggunakan simbol, tabel, gambar dan yang lainnya.

Namun, apapun media yang digunakan untuk bisa memunculkan link agar bisa di klik, sebisa mungkin hindari membuat kode link yang salah, karena setiap kode sangat peka, salah sedikit saja membuat kode maka kode tidak bisa digunakan semestinya.

Oleh karena itu, telitilah dalam membuat setiap kode, baik saat membuat kode sendiri maupun mencopy dari pihak ketiga.

Baiklah, setelah membaca sedikit uraian diatas, selanjut kita akan masuk ke bahasan pokok, yaitu:

Cara membuat link pada gambar yang bisa di klik di posting blog

Didalam membuat link atau tautan pada gambar yang bisa di klik di posting blog, dan hal-hal yang perlu di siapkan adalah sebagai berikut:

1. Menyiapkan kode gambar yang akan diberi link yang bisa di klik
2. Menyiapkan URL artikel yang akan ditautkan
3. Membuat link pada gambar yang bisa di klik dengan kode HTML

Selanjutnya mari kita bahas satu persatu tentang langkah-langkah membuat link yang bisa di klik pada media gambar.

# 1. Menyiapkan kode gambar yang akan diberi link yang bisa di klik

Untuk mendapatkan kode atau script gambar, pertama silahkan unggah gambar lewat komputer maupun Hp Anda ke posting artikel, kemudian simpan dulu di draf, nanti kode gambar akan muncul dikotak draf, kira-kira secara default kode atau alamat gambarnya akan terlihat seperti contoh dibawah:

<div class='separator' style='clear: both; text-align: center;'> <a href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMNNokfdCmBAJI6VA7AY94zEBS6ox8w-_Cwoqof6cnuFejS_PVnpiN3Aah2hANtkcsQDcfZ1lVCCQWJbA42_2_4K6reup6G28g9eAf-__FIRXmXA2YsN0CvbJzxVR6mOzqwdAzRBvKNl24/s1600/Link+2.png' imageanchor='1' style='margin-left: 1em; margin-right: 1em;'> <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMNNokfdCmBAJI6VA7AY94zEBS6ox8w-_Cwoqof6cnuFejS_PVnpiN3Aah2hANtkcsQDcfZ1lVCCQWJbA42_2_4K6reup6G28g9eAf-__FIRXmXA2YsN0CvbJzxVR6mOzqwdAzRBvKNl24/s640/Link+2.png' /> </a> </div>

Kode yang berwarna hijau adalah script atau kode gambar, cirinya diawali dengan kode <img dan diakhiri dengan kode "/>
.Ambil kode gambarnya kemudian simpan dulu kode gambar di posting draf menjadi seperti contoh dibawah ini:

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMNNokfdCmBAJI6VA7AY94zEBS6ox8w-_Cwoqof6cnuFejS_PVnpiN3Aah2hANtkcsQDcfZ1lVCCQWJbA42_2_4K6reup6G28g9eAf-__FIRXmXA2YsN0CvbJzxVR6mOzqwdAzRBvKNl24/s640/Link+2.png' />

# 2. Selanjutnya menyiapkan URL artikel yang akan ditautkan

Untuk mendapatkan URL artikel yang akan dibuat tautan kita ambil saja dari URL artikel yang ada di blog. Caranya, buka atau klik judul artikel yang akan ditautkan di blog Anda, terserah mau pilih yang mana, kemudian ambil URL atau link artikel tersebut yang berada di halaman paling atas di blog Anda.


Selanjutnya ambil dan copy link URL artikelnya, kemudian paste-kan tepat diatas kode gambar yang tadi ada di posting draf yang akan dibuat link tautan pada gambar, kira-kira contoh URL artikel akan terlihat seperti ini:

http://carasakrayblog.blogspot.com/2017/05/bagaimana-cara-membuat-link-yang-bisa-diklik-di-posting-blog.html

# 3. Cara membuat link atau tautan pada gambar yang bisa di klik dengan kode HTML

Selanjutnya untuk membuat link tautan pada gambar yang bisa di klik, tambahkan sedikit kode HTML pada gambar dan URL artikel yang tadi disimpan di posting draf, lihat contoh penerapan kodenya di bawah ini:

<a href="http://carasakrayblog.blogspot.com/2017/04/bagaimana-cara-membuat-link-yang-bisa-diklik-di-posting-blog.html"> <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMNNokfdCmBAJI6VA7AY94zEBS6ox8w-_Cwoqof6cnuFejS_PVnpiN3Aah2hANtkcsQDcfZ1lVCCQWJbA42_2_4K6reup6G28g9eAf-__FIRXmXA2YsN0CvbJzxVR6mOzqwdAzRBvKNl24/s640/Link+2.png' /> </a>

Ada 3 kode HTML yang berwarna merah yang letaknya terpisah, kode itulah yang perlu ditambahkan ke URL Artikel dan script gambar yang akan di buat link tautan yang bisa di klik.
Dan tulisan berwarna hijau adalah tempat kode gambar yang letaknya disitu agar bisa di klik dan mengarah ke halaman artikel yang tadi Anda ambil link-nya.

Jika link tautan gambar dibuat dengan benar di posting artikel, maka hasilnya akan mengarah ke halaman lain sesuai dengan yang Anda mau.


Nah, panduan cara membuat link pada gambar yang bisa di klik diatas caranya sangat gampang, Anda tinggal praktik sekarang juga biar cepat bisa membuat link pada gambar yang bisa di klik.

Baca juga: Cara membuat link pada teks atau tulisan yang bisa di klik

Sampai disini cara membuat link tautan pada gambar yang bisa di klik telah selesai. Selanjutnya gunakan cara di atas untuk membuat link tautan antar halaman di blog, baik melalui link tautan pada teks maupun tautan gambar.

Cara membuat link tautan antar halaman diatas bisa juga diterapkan untuk membuat link tautan yang bisa di klik di halaman blog lainnya, seperti di navigasi, footter dan sidebar.

Posted by Sakri

Jika artikel ini cukup bermanfaat silahkan bagikan artikel ini ke:

Facebook Twitter Google+