Cara Membuat Gambar yang Mengandung Link Agar Bisa Mengarah Ke Suatu Halaman
Gambar dengan Link, setelah sebelumnya saya membagikan artikel Belajar Cara Membuat Link dengan Tulisan untuk Pemula Blogger dab kali ini saya akan menulis artikel tentang Cara Membuat Gambar Berlink atau yang dapat di klik.
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 kamu memang benar-benar pengguna baru blogger dan website, maka kamu pasti sangat membutuhkan artkel semacam ini, bukankah begitu?
Misalkan gambarnya seperti contoh berikut ini
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu0rujfpKdDfADhLOf3hb3-l79JFTO0v-qD853kPPVbHWnDj6_dD4yizDTmvW4-tMHYdgbOX0U1xaw4PoYTEZGgw6C0KKPhOttI0cD2RDD3sOVCd5B7T3KMlIq8yhbCrzEIc76e9BCnE-O/s1600/Logo-Bimbel-Blogger-001.png
Maka untuk menampilkannya kamu harus menyisipkannya diantara taq html image.
Untuk menampilkan gambar di blog, yang harus kamu gunakan adalah kode atau tag <img src=" " />, dan kemudian hubungkan tag tersebut dengan url gambar seperti contoh berikut.
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu0rujfpKdDfADhLOf3hb3-l79JFTO0v-qD853kPPVbHWnDj6_dD4yizDTmvW4-tMHYdgbOX0U1xaw4PoYTEZGgw6C0KKPhOttI0cD2RDD3sOVCd5B7T3KMlIq8yhbCrzEIc76e9BCnE-O/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 kamu klik).
Terus bagaimana caranya agar gambar tersebut dapat berfungsi ketika di click ? Gampang saja kok, kamu 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu0rujfpKdDfADhLOf3hb3-l79JFTO0v-qD853kPPVbHWnDj6_dD4yizDTmvW4-tMHYdgbOX0U1xaw4PoYTEZGgw6C0KKPhOttI0cD2RDD3sOVCd5B7T3KMlIq8yhbCrzEIc76e9BCnE-O/s1600/Logo-Bimbel-Blogger-001.png"/></a>
Dan hasilnya seperti berikut:
(Lihat hasilnya dan coba kamu klik gambar di atas, "hasil gambar").
Perhatikan: silahkan di ganti teks warna merah dengan link tujuan kamu, dan gantu juga teks warna biru dengan url gambar kamu.
Nah cuma begitu doang caranya, sangat mudah kan? Setelah membaca artikel ini spot jamin kamu juga bakal langsung bisa mempraktekkannya sendiri.
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 kamu memang benar-benar pengguna baru blogger dan website, maka kamu pasti sangat membutuhkan artkel semacam ini, bukankah begitu?
Misalkan gambarnya seperti contoh berikut ini
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu0rujfpKdDfADhLOf3hb3-l79JFTO0v-qD853kPPVbHWnDj6_dD4yizDTmvW4-tMHYdgbOX0U1xaw4PoYTEZGgw6C0KKPhOttI0cD2RDD3sOVCd5B7T3KMlIq8yhbCrzEIc76e9BCnE-O/s1600/Logo-Bimbel-Blogger-001.png
Maka untuk menampilkannya kamu harus menyisipkannya diantara taq html image.
Untuk menampilkan gambar di blog, yang harus kamu gunakan adalah kode atau tag <img src=" " />, dan kemudian hubungkan tag tersebut dengan url gambar seperti contoh berikut.
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu0rujfpKdDfADhLOf3hb3-l79JFTO0v-qD853kPPVbHWnDj6_dD4yizDTmvW4-tMHYdgbOX0U1xaw4PoYTEZGgw6C0KKPhOttI0cD2RDD3sOVCd5B7T3KMlIq8yhbCrzEIc76e9BCnE-O/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 kamu klik).
Terus bagaimana caranya agar gambar tersebut dapat berfungsi ketika di click ? Gampang saja kok, kamu 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu0rujfpKdDfADhLOf3hb3-l79JFTO0v-qD853kPPVbHWnDj6_dD4yizDTmvW4-tMHYdgbOX0U1xaw4PoYTEZGgw6C0KKPhOttI0cD2RDD3sOVCd5B7T3KMlIq8yhbCrzEIc76e9BCnE-O/s1600/Logo-Bimbel-Blogger-001.png"/></a>
Dan hasilnya seperti berikut:
(Lihat hasilnya dan coba kamu klik gambar di atas, "hasil gambar").
Perhatikan: silahkan di ganti teks warna merah dengan link tujuan kamu, dan gantu juga teks warna biru dengan url gambar kamu.
Nah cuma begitu doang caranya, sangat mudah kan? Setelah membaca artikel ini spot jamin kamu juga bakal langsung bisa mempraktekkannya sendiri.
0 Response to "Cara Membuat Gambar yang Mengandung Link Agar Bisa Mengarah Ke Suatu Halaman"
Posting Komentar