Bagaimana cara Mematikan link Url pada Gambar di dalam artikel? mudah saja.....

Link url pada gambar biasanya dimatikan agar meningkatkan kenyamanan bagi pembaca web/blog, terutama pada tampilan mobile. Saat sedang asyik membaca artikel, kemudian secara tidak sengaja gambar diklik, maka tidak akan berpengaruh apa-apa.

Tapi, jika kamu tidak mematikan link url gambar tersebut, maka saat gambar kena klik baik itu sengaja maupun tidak, pembaca web/blog akan diarahkan menuju link url yang tertuju.


Cara #1

Ganti url gambar dengan tanda pagar seperti ini <a href="#", untuk source gambar jangan diganti, biarkan apa adanya, contohnya seperti ini:

<div class="separator" style="clear: both; text-align: center;"><a href="#" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="853" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmv7XcAmhazMjqhI7iP-nyDDIJ5WYowq3lTpSziqWQYn2WcIn5fBoK-cwCHWCF_Dh9J2y-L_q50XJZeqq_shFjZBTvu5bDXQ_byccKEMOhc2Ua91uda4N7KhMqafuSPQSB1n67cLZgHXiIePQJehtvzhUEVuAUYMZI4-3VpO6mK0hkoXaluNnMmCjq4w/s16000/menabung%20untuk%20hari%20tua.jpeg" /></a></div>

Cara #2

Hapus kode a href, misalkan kodenya seperti ini <a href="#" style="margin-left: 1em; margin-right: 1em;"> maka hapus saja dari kurung buka sampai kurung tutup. Contoh kode html gambar tanpa link url a href:

<div class="separator" style="clear: both; text-align: center;">

<img border="0" height="138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsK6yjZau8wiDn9QDE9uJjCY_1QctXrP5kjayjg70M_7kF0OATSG4dbaSNQLKdOHDxuwXnDP2hdB7IHx9769zhZVcayqFDWA8Fa48ok10C5w1v9UpPszTUb7k64n6NRn8Zp0RfVmhxm7I/s1600/soal+psikotest+1-2.PNG" width="320" /></div>

</div>

Keterangan: Warna merah adalah kode source gambar. Warna kuning ganti dengan ukuran gambar.

Lebih baru Lebih lama