Cara Mematikan Klik Kanan pada Gambar di Blog

Bagi kalian yang bekerja sebagai Graphic Designer kemudian sering mengupload atau mengunggah gambarnya ke website atau blog, maka Anda perlu menonaktifkan atau disable klik kanan pada gambar.

Mematikan fungsi klik kanan pada gambar di blog bertujuan agar gambar tidak di save atau di ambil oleh orang lain.

Hal ini tentu akan sedikit membantu Anda untuk memproteksi gambar yang Anda bagikan di blog Anda.

Artikel ini tidak hanya untuk yang bekerja sebagai Graphic Designer saja, tetapi untuk kita sebagai blogger juga perlu mengetahui hal ini.

Tak sedikit dari kita yang membuat gambar original untuk postingan blog kita sendiri, agar gambar postingan tidak di curi atau di ambil orang lain, maka kita perlu menonaktifkan atau mematikan klik kanan pada gambar di blog.

Baca juga: Cara Mematikan Fungsi Klik Kanan pada Blog

Ada beberapa metode atau langkah yang bisa Anda pilih untuk mematikan klik kanan pada gambar postingan blog Anda, semuanya dengan menggunakan kode javascript.

Tapi Anda tidak perlu khawatir dengan loading blog Anda, karena script anti klik kanan pada gambar ini hanya terdiri dari beberapa baris kode saja, jadi tidak akan menambah beban loading blog Anda.

Nah, langsung saja jika Anda tertarik untuk menonaktifkan fungsi klik kanan pada gambar di postingan blog Anda silahkan ikuti langkah-langkahnya di bawah ini.

Menonaktifkan Klik Kanan pada Gambar Menggunakan JavaScript (Manual)

Jika Anda memiliki gambar khusus atau hanya ingin menonaktifkan klik kanan pada gambar tertentu Anda bisa melakukannnya dengan menggunakan cara ini.

1. Masuk ke Blogger.com
2. Lalu masuk ke bagian Tema > Edit HTML
3. Kemudian simpan kode javascript ini di atas kode </body>

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

4. Lalu klik Simpan tema
5. Setelah itu masuk ke bagian Postingan > Edit (pilih artikel yang ingin di edit)
6. Pastikan Anda berada di bagian HTML bukan Compose

7. Lalu cari kode script gambar pada postingan Anda, contohnya seperti ini:

Silahkan Anda hapus kode yang ditandai kotak merah, ini bertujuan agar gambar tersebut tidak bisa di klik kiri.

8. Setelah itu masukan kode class untuk memanggil fungsi javascript di atas, caranya seperti ini:

<div class='imageblock'><img alt='nama gambar' scr='ulr gambar' title='judul gambar'/></div>

Jadi hasilnya akan seperti ini:

<div class="separator" style="clear: both; text-align: center;">
<div class='imageblock'>
<img alt="Cara Mematikan Klik Kanan pada Gambar di Blog" data-original-height="720" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL5jNJiM0C1FLqnrH8956tBlSuvfawcAkjPl4zPRRwK0wbJcfDkrX4e5egxvGoIfD3wJlk6NvLFnhHngwutAQNZez_xfqxrmKmitafQgp5-1vpx0zkMJTVPlc56-h4518UJQV2KPIcIdbt/s1600/Cara+Mematikan+Klik+Kanan+pada+Gambar+di+Blog.jpg" title="Cara Mematikan Klik Kanan pada Gambar di Blog" />
</div>
</div>

9. Terakhir silahkan klik Perbarui atau Publikasikan postingan Anda

Menonaktifkan Klik Kanan pada Gambar Menggunakan Attribut HTML

Cara ini lebih simpel lagi dan ini lebih saya rekomendasikan, karena kita hanya perlu menambahkan beberapa fungsi attribut HTML saja tanpa menggunakan javascript sehingga tidak akan menambah beban loading website atau blog Anda.

Anda bisa menentukan gambar postingan mana saja yang ingin dinonaktifkan fungsi klik kanannya, jadi untuk mematikan klik kanan pada gambar Anda harus mengedit postingannya satu per satu hal ini tentu akan sangat merepotkan apabila kita sudah memiliki ratusan artikel, tapi tetap saja ini saya rekomendasikan dibandingkan cara pertama di atas.

Untuk mendisable klik kanan pada gambar dengan menggunakan attribut HTML, silahkan ikuti langkah-langkahnya di bawah ini:

1. Masuk ke Blogger.com
2. Buka salah satu postingan blog Anda, klik Postingan > Edit
3. Lalu masuk ke bagian HTML bukan Compose
4. Silahkan cari kode script gambar postingan Anda, lalu hapus URL gambar (lihat pada gambar di atas langkah ke-7)
5. Lalu tambahkan attribut HTML berikut:

<div oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'><img alt='nama gambar' scr='ulr gambar' title='judul gambar'/></div>

Maka hasilnya akan seperti ini:

<div class="separator" style="clear: both; text-align: center;">
<div oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>
<img alt="Cara Mematikan Klik Kanan pada Gambar di Blog" data-original-height="720" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL5jNJiM0C1FLqnrH8956tBlSuvfawcAkjPl4zPRRwK0wbJcfDkrX4e5egxvGoIfD3wJlk6NvLFnhHngwutAQNZez_xfqxrmKmitafQgp5-1vpx0zkMJTVPlc56-h4518UJQV2KPIcIdbt/s1600/Cara+Mematikan+Klik+Kanan+pada+Gambar+di+Blog.jpg" title="Cara Mematikan Klik Kanan pada Gambar di Blog" />
</div>
</div>

6. Terakhir silahkan klik Perbarui atau Publikasikan postingan Anda

Menonaktifkan Klik Kanan pada Gambar Menggunakan JavaScript (Otomatis)

Cara terakhir ini merupakan yang paling simpel dan sangat cocok jika Anda ingin mematikan semua klik kanan pada gambar postingan blog.

Tapi perlu di ingat, fungsi ini menggunakan javascript sehingga akan memberikan sedikit beban terhadap kecepatan loading situs atau blog Anda walaupun hanya sedikit saja.

Untuk menonaktifkan klik kanan pada semua gambar postingan blog secara otomatis, silahkan ikuti langkah-langkahnya di bawah ini:

1. Masuk ke Blogger.com
2. Lalu masuk ke bagian Tema > Edit HTML
3. Kemudian simpan kode javascript ini di atas kode </body>

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

4. Terakhir klik Simpan tema

Itulah artikel mengenai cara mematikan klik kanan pada gambar di blog, dengan cara di atas saya harap dapat membantu Anda meminimalisir terjadinya pencurian gambar atau foto yang Anda bagikan pada website atau blog Anda.

Ficri Pebriyana

Blogger yang jarang nulis artikel :D

Bagikan Artikel ini