Cara Menerapkan Link Pada Image/Gambar

Pada Posting Yang Lalu , Saya Pernah menguraikan cara Membuat Penulisan Klik Disini dengan Menggunakan Teks Klik disini sebagai arahan tujuan Klik.
nah, sekarang saatnya Untuk Mengajak Anda Menggunakan Klik Link dengan Menggunakan Gambar.
Itu Juga Kalau Anda Tertarik Lho...
Jika tertarik, tak perlu panjang lebar, Mari Langsung Saja Ikuti Arahan Saya Berikut INI:

Upload Gambar Kreasi Anda ( bisa juga diruang posting) kemudian simpan url sebelum anda Publish
atau copy url setelah anda publish.
Atau Copy Gambar yang Anda Ingin kan dari halaman lain agar mendapatkan code scrypt dari Url Gambar.

Setelah Menemukan atau mendapat Url Image langkah berikutnya adalah::,
1. Copy image URL dan simpan mejadi sebuah teks note.
2. Paste Pada Kotak Edit Entri dengan Mode Html (bukan Compose)
Contoh Url nya:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwrZLGaE3ufHlePptfTSk1-um35LWRQykJFUhkyeJ_4SZA-GE5pbzCw2XKJ84XTc38l-PhmGeBEx11h9S7vqOdmldJjJf1ENn3JOy7T1AEqOhrQB1zN8u4nZv3WuD6tAq3uaW_BePW81M/s175/3194QCxB2gL._SL110_.jpg
3. tambahkan Kode  <img src="Image Url">
    sehingga Menjadi :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwrZLGaE3ufHlePptfTSk1-um35LWRQykJFUhkyeJ_4SZA-GE5pbzCw2XKJ84XTc38l-PhmGeBEx11h9S7vqOdmldJjJf1ENn3JOy7T1AEqOhrQB1zN8u4nZv3WuD6tAq3uaW_BePW81M/s175/3194QCxB2gL._SL110_.jpg">

Kode diatas Sudah Menjadi Bentuk Gambar Yang Sudah Dapat Anda Tampilkan.

Untuk menambahkan Link Agar dapat menjadi Klik Link address maka tinggal Menambahkan Kode  dengan formasi sebagai berikut:
kode : <a href="link yang dituju">Kode Gambar</a>.
Contoh:
-Link Tujuan Klik/link yang dituju  alamatnya adalah : http://protonicatv.blogspot.com/
-dan Kode Gambar (lihat Point 3) adalah:


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwrZLGaE3ufHlePptfTSk1-um35LWRQykJFUhkyeJ_4SZA-GE5pbzCw2XKJ84XTc38l-PhmGeBEx11h9S7vqOdmldJjJf1ENn3JOy7T1AEqOhrQB1zN8u4nZv3WuD6tAq3uaW_BePW81M/s175/3194QCxB2gL._SL110_.jpg">

Sehingga Penulisannya Menjadi:

<a href="http://protonicatv.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwrZLGaE3ufHlePptfTSk1-um35LWRQykJFUhkyeJ_4SZA-GE5pbzCw2XKJ84XTc38l-PhmGeBEx11h9S7vqOdmldJjJf1ENn3JOy7T1AEqOhrQB1zN8u4nZv3WuD6tAq3uaW_BePW81M/s175/3194QCxB2gL._SL110_.jpg">

setelah selesai Tampilkan Entri / Publish Post
Selesai, Dan Gambarpun Kini sudah dapat diklik dengan link tujuan klik mouse.

Namun Jika Ingin Menambahkan Variasi lain, seperti misalnya alamat klik link tujuan agar dapat terbuka
pada tab/ page halaman baru atau tetap pada halaman semula , kode variannya adalah sebagai berikut:


 target="_self                   = link (klik link) terbuka pada halaman tetap.
 target="_blank                = link (klik link) terbuka pada New Tab / halaman baru (lain).

Cara Penulisannya Menjadi sebagai Berikut  :

<a href="http://protonicatv.blogspot.com/" target="_blank" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwrZLGaE3ufHlePptfTSk1-um35LWRQykJFUhkyeJ_4SZA-GE5pbzCw2XKJ84XTc38l-PhmGeBEx11h9S7vqOdmldJjJf1ENn3JOy7T1AEqOhrQB1zN8u4nZv3WuD6tAq3uaW_BePW81M/s175/3194QCxB2gL._SL110_.jpg"></a>

Kode diatas Menunjukan Gambar diklik akan terbuka pada Tab / halaman baru
dan variasi tambahan lainnya adalah penambahan titel, yang berarti ; pada saat Mouse didekatkan kearah
gambar yang akan diklik, akan tertera tulisan dibawah panah mouse yang menunjukan keterangan gambar sebelum diklik.
contoh :
disini saya contohkan titel yang bertajuk Download.
code scryptnya adalah:


title="Download "

penulisan Scrypt selengkapnya Menjadi Sebagai berikut:

<a href="http://protonicatv.blogspot.com/" target="_blank"title="Download " ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwrZLGaE3ufHlePptfTSk1-um35LWRQykJFUhkyeJ_4SZA-GE5pbzCw2XKJ84XTc38l-PhmGeBEx11h9S7vqOdmldJjJf1ENn3JOy7T1AEqOhrQB1zN8u4nZv3WuD6tAq3uaW_BePW81M/s175/3194QCxB2gL._SL110_.jpg"></a>

dan bentuk gambarnya adalah:



Silahkan anda test dengan mendekatkan Mouse ke gambar ini dan perhatikan keterangan gambar di bawah mouse bertuliskan Download, kemudian klik gambar ini yang menggunakan kode self target.

Contoh Lain penulisan Kode gambar Download Now:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-qGF5hZXGId9UMAFebCisSaHlbvrGddGy4_NNCQs80iwSBbkFW2-pK_gKWAfEpWt7lMeK6oAo1YqNilBI1R0jNpdy8llXmbe67onpyXziBEdeXJuvm0pJkeU90qQT4piQIZbrTJYpwu4/s1600/dl-button_a.gif" imageanchor="1" style="clear:left; float:left;margin-right:1em; margin-bottom:1em"><a href="http://kumpulblogger.com/signup.php?refid=216968" title="Free Download"><img border="0" height="60" width="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-qGF5hZXGId9UMAFebCisSaHlbvrGddGy4_NNCQs80iwSBbkFW2-pK_gKWAfEpWt7lMeK6oAo1YqNilBI1R0jNpdy8llXmbe67onpyXziBEdeXJuvm0pJkeU90qQT4piQIZbrTJYpwu4/s320/dl-button_a.gif" /></a></a>
Contoh Gambar Download Now :


Selesai, Semoga Bermanfaat.