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.

Cara Mematikan Klik Kanan pada Gambar di Blog

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

Compose dan HTML

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

Menghapus URL Gambar

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://1.bp.blogspot.com/-bMQE0jzVRzw/XBMyydh5oWI/AAAAAAAAHQU/EGSH7SU6E4g24hX3FPf_sm8b6eyuTvcWgCLcBGAs/s1600/Cara%2BMematikan%2BKlik%2BKanan%2Bpada%2BGambar%2Bdi%2BBlog.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://1.bp.blogspot.com/-bMQE0jzVRzw/XBMyydh5oWI/AAAAAAAAHQU/EGSH7SU6E4g24hX3FPf_sm8b6eyuTvcWgCLcBGAs/s1600/Cara%2BMematikan%2BKlik%2BKanan%2Bpada%2BGambar%2Bdi%2BBlog.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.

Related Posts

Berlangganan update artikel terbaru via email:

0 Response to "Cara Mematikan Klik Kanan pada Gambar di Blog"

Post a Comment

Jika ada yang masih kurang jelas, silahkan untuk bertanya pada kolom komentar di bawah ini atau dengan menghubungi kami di halaman kontak.

1. Centang kotak Notify me untuk mendapatkan notifikasi komentar.
2. Komentar kami moderasi, dan tidak semuanya dipublish.
3. Semua komentar dengan menambahkan link akan dihapus dan tidak akan dipublikasikan.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel