Cara Membuat Gambar yang Mengandung Link Agar Bisa Mengarah Ke Suatu Halaman

SPOTROID - Gambar dengan Link, setelah sebelumnya spot membagikan artikel Belajar Cara Membuat Link dengan Tulisan untuk Pemula Blogger dab kali ini spot akan menulis artikel tentang Cara Membuat Gambar Berlink atau yang dapat di klik pengguna.

Ada dua kategori gambar yang biasanya ada di blogger dan website, ada yang bisa di klik dan ada pula yang nggak bisa di klik (gambar yang tidak mengandung link).

Jika sobat memang benar-benar pengguna baru blogger dan website, maka sobat pasti sangat membutuhkan artkel semacam ini, bukankah begitu?

Misalkan gambarnya seperti contoh berikut ini
https://2.bp.blogspot.com/-IOsdv5rWkHU/WbBIMgo1zwI/AAAAAAAAAm8/cXGd7fS0HOcPMt6xmt9a01JHHmArpoBqgCPcBGAYYCw/s1600/Logo-Bimbel-Blogger-001.png
Maka untuk menampilkannya sobat harus menyisipkannya diantara taq HTML Image.

Untuk menampilkan gambar di blog, yang harus sobat gunakan adalah kode atau tag <img src=" " />, dan kemudian hubungkan tag tersebut dengan URL gambar seperti contoh berikut.
<img src="https://2.bp.blogspot.com/-IOsdv5rWkHU/WbBIMgo1zwI/AAAAAAAAAm8/cXGd7fS0HOcPMt6xmt9a01JHHmArpoBqgCPcBGAYYCw/s1600/Logo-Bimbel-Blogger-001.png" />

Dan hasilnya seperti di bawah ini.


(Gambar di atas adalah gambar yang tidak mengandung link, atau dengan kata lain tidak berfungsi ketika sobat klik).

Terus bagaimana caranya agar gambar tersebut dapat berfungsi ketika di click ? Gampang saja kok, sobat tinggal menambahkan tag <a href=" "> (di awal tag image), dan </a> (di akhir tag image).

Contohnya seperti berikut:
<a href=" "><img src=" "/></a>

Penulisan lengkapnya seperti ini:
<a href="http://cikalu.blogspot.com"><img src="https://2.bp.blogspot.com/-IOsdv5rWkHU/WbBIMgo1zwI/AAAAAAAAAm8/cXGd7fS0HOcPMt6xmt9a01JHHmArpoBqgCPcBGAYYCw/s1600/Logo-Bimbel-Blogger-001.png"/></a>

Dan hasilnya seperti berikut:


(Lihat hasilnya dan coba sobat klik gambar di atas, "hasil gambar").

Perhatikan: silahkan di ganti teks tulisan bergaris bawah yang pertama dengan link tujuan sobat, dan ganti juga teks tulisan bergaris bawah yang kedua dengan url gambar sobat.

Nah cuma begitu doang caranya, sangat mudah kan? Setelah membaca artikel ini spot jamin sobat juga bakal langsung bisa mempraktekkannya sendiri.

Related Posts:

Disqus Comments
© 2017 SPOTROID - Template Created by goomsite - Proudly powered by Blogger