Cara membuat link pada gambar – Pernahkan anda melihat gambar yang jika di klik akan mengarah ke link url tertentu / membuka halaman website tertentu?
Seperti gambar banner di bawah ini misalnya :
Teknik tersebut adalah teknik memasang link pada gambar, yaitu mengkombinasikan gambar dengan link yang mengarah ke link tujuan yang anda kehendaki. Cara membuatnya cukup mudah, namun sebelumnya anda perlu menyiapkan beberapa hal sebelum membuat link pada gambar yaitu :
- Gambar yang ingin dipasang link.
- Link url yang ingin dipasang pada gambar.
Selanjutnya mari kita mulai menambahkan gambar terlebih dahulu.
Beberapa Panduan Cara membuat link pada gambar
1.Cara menambahkan gambar pada website
Jika anda menggunakan website yang mensupport insert image secara otomatis seperti WordPress maka anda akan lebih mudah dalam menampilkan gambar di konten yang ingin anda pasangi gambar, namun jika tidak, anda dapat menggunakan script html berikut ini untuk memanggil gambar :
<img src=”url gambar anda disimpan” />
ini contoh Url Gambar : https://gapurahoster.co.id/wp-content/uploads/2019/12/logo-website-gapurahoster.png
Jika anda ketikkan url diatas di browser maka akan menampilkan logo Gapurahoster.
Berikutnya kita siapkan link tujuan.
2. Cara menambahkan link pada website
ini contoh link tujuan : https://gapurahoster.co.id/hosting-murah-indonesia/
Jika link tersebut di buka di browser maka akan membuka halaman “Web Hosting Murah Indonesia” di website Gapurahoster.
Selanjutnya mari kita gabungkan antara gambar dan link diatas.
3. Cara menggabungkan gambar dengan link
Untuk menggabungkan gambar dengan link anda dapat menggunakan script berikut ini :
<a href=”Isi dengan link yang ingin anda tuju“><img src=”Url Gambar yang ingin anda gunakan“/>
Jika menggunakan contoh gambar dan link di panduan 1 & 2 maka scriptnya menjadi seperti ini :
<a href=”https://gapurahoster.co.id/hosting-murah-indonesia/“><img src=”https://gapurahoster.co.id/wp-content/uploads/2019/12/logo-website-gapurahoster.png“/>
Dan inilah hasil dari gabungan kedua kode diatas :
Jika Kurang Jelas, Silahkan menonton video berikut ini :
Semoga panduan ini dapat membantu anda yang ingin membuat link pada gambar dengan mudah.