Cara Agar Gambar Postingan Tidak Bisa di Klik Kanan

Cara Agar Gambar Postingan Tidak Bisa di Klik Kanan

RENDIANSYAH - Cara Agar Gambar Postingan Tidak Bisa di Klik Kanan - Saya pernah melihat thumbnail blog saya yang paseodzgn dengan yang blog ini diambil oleh orang dan diupload balik tanpa memberitahu terlebih dahulu ke saya. Sangat kesal bukan jika gambar postingan kita diambil, maka dari situ saya akan mencoba membuat agar gambar postingan tidak ambil. Kali ini admin memiliki dua cara, cara kesatu yaitu menggunakan javascript dan cara kedua menggunakan css. Berikutlah caranya, mohon simak artikel dibawah ini dengan teliti.

CARA #1 - Menggunakan JavaScript

Silakan login terlebih dahulu ke dalam Blogger > klik menu Tema > Edit HTML > cari kode </body> dan tetakkan script dibawah ini tepat diatas kode tersebut.

<script type='text/javascript'>
$('.private img').bind('contextmenu', function(e){
    return false;
});
</script>

Jika sudah simpan Tema. Untuk memasangnya pergi ke postingan yang ingin ditambahkan anti klik kanan, jika sudah tambahkan tag ini <div class="private">, pilih HTML jangan pilih Compose.

<div class="private">
...
...
...
...
</div>

Contoh penerapannya:

<div class="private">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-NGMOwHCQJ-Q/XwP53Bv9aNI/AAAAAAAABnA/ZhCZ2fPpekM8BTZmIdnnzsG3zKHrbc6DACLcBGAsYHQ/s1600/Background.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="844" data-original-width="1600" src="https://1.bp.blogspot.com/-NGMOwHCQJ-Q/XwP53Bv9aNI/AAAAAAAABnA/ZhCZ2fPpekM8BTZmIdnnzsG3zKHrbc6DACLcBGAsYHQ/s1600/Background.png" /></a></div>
</div>

Jika gambar tersebut ingin bisa diklik kanan Anda tidak usah menambah tag <div class="private"> ... </div> pada gambar tersebut.

Maka hasilnya akan seperti gambar dibawah ini.

Contoh gambar bisa diklik kanan.


Contoh gambar tidak bisa diklik kanan.


Jika cara kesatu menurut Anda itu rumit, mari kita cara ke dua menggunakan css.

CARA #2 - Menggunakan CSS

Untuk cara ke dua begitu simpel sekali Anda cuma tambahkan CSS dibawah ini pada .post-img atau .post-body img

pointer-events:none;

Maka hasilnya akan seperti dibawah ini.


Cara diatas mungkin hampir semuanya bisa diterapkan diblog Anda tetapi namanya juga orang pasti cari cara untuk mendapatkan postingan gambar tersebut dengan melakukan inpect element untuk mendapat postingan img blog Anda.

Demikianlah artikel Cara agar postingan tidak bisa diklik kanan. Maka dengan adanya cara tersebut gambar postingan kita akan aman. Jadi bagaimana menurut mu mudah atau tidak cara ke satu atau ke dua, mungkin sampai disini saja artikel kali ini sampai jumpa diartikel berikutnya.

Post a Comment

Previous Post Next Post