fbpx

Pernahkan anda melihat gambar yang jika di klik akan mengarah ke link url tertentu  / membuka halaman website tertentu?

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.

 

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://mlk24bxjbwcs.i.optimole.com/zcA2sw-78h3fzBW/w:auto/h:auto/q:auto/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://mlk24bxjbwcs.i.optimole.com/zcA2sw-78h3fzBW/w:auto/h:auto/q:auto/https://gapurahoster.co.id/wp-content/uploads/2019/12/logo-website-gapurahoster.png“/>

Dan inilah hasil dari gabungan kedua kode diatas :

Semoga panduan ini dapat membantu anda yang ingin membuat link pada gambar dengan mudah.

 

 

 

Gapurahoster.co.id

Layanan Web Hosting Murah Untuk Bisnismu

Leave a Reply

Your email address will not be published. Required fields are marked *

Halo! Klik salah satu CS dibawah untuk melakukan chat via WhatsApp.

Chat dengan kami via WhatsApp