Cara membuat link pada gambar

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 :

panduan Cara membuat link pada gambar

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 :

  1. Gambar yang ingin dipasang link.
  2. 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/web-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 :

BACA JUGA :  Cara Ganti Password DirectAdmin di Gapurahoster

<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/web-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.

Jika anda memiliki website toko online, jangan lupa cek juga artikel Cara meningkatkan pengunjung toko online 

 

 

 

Simak Juga Artikel Lainnya :