Mematikan link Url pada Gambar di dalam artikel

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.

Posting Komentar

Tulis Komentar (0)

Lebih baru Lebih lama