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 biar 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 menciptakan gambar original untuk postingan blog kita sendiri, biar 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 sanggup Anda pilih untuk mematikan klik kanan pada gambar postingan blog Anda, semuanya dengan memakai instruksi javascript.

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

Nah, eksklusif saja kalau 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 mempunyai gambar khusus atau hanya ingin menonaktifkan klik kanan pada gambar tertentu Anda sanggup melakukannnya dengan memakai cara ini.

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

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

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

7. Lalu cari instruksi script gambar pada postingan Anda, misalnya menyerupai ini:

Silahkan Anda hapus instruksi yang ditandai kotak merah, ini bertujuan biar gambar tersebut tidak sanggup di klik kiri.

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

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

Makara jadinya akan menyerupai ini:

<div class="separator" style="clear: both; text-align: center;"> <div class='imageblock'> <img alt="Bagi kalian yang bekerja sebagai Graphic Designer kemudian sering mengupload atau mengungg Cara Mematikan Klik Kanan pada Gambar di Blog" data-original-height="720" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT-mv4wgd1VjaH50EioPZU-3TLZ0hChjmS-6LJJwqOUxsrnECNnLJ2ZqIiYtDDgBZ8CNPnoL3vtQAXN4U9vbmHcrSJE1uwdg0k09Xaw4gfN8YfQ7ZLi0K9frTU7G0zboJGjxrhnrryrlTl/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 mudah lagi dan ini lebih saya rekomendasikan, alasannya kita hanya perlu menambahkan beberapa fungsi attribut HTML saja tanpa memakai javascript sehingga tidak akan menambah beban loading website atau blog Anda.

Anda sanggup memilih 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 mempunyai ratusan artikel, tapi tetap saja ini saya rekomendasikan dibandingkan cara pertama di atas.

Untuk mendisable klik kanan pada gambar dengan memakai 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 bab HTML bukan Compose
4. Silahkan cari instruksi script gambar postingan Anda, kemudian 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 jadinya akan menyerupai ini:

<div class="separator" style="clear: both; text-align: center;"> <div oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'> <img alt="Bagi kalian yang bekerja sebagai Graphic Designer kemudian sering mengupload atau mengungg Cara Mematikan Klik Kanan pada Gambar di Blog" data-original-height="720" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT-mv4wgd1VjaH50EioPZU-3TLZ0hChjmS-6LJJwqOUxsrnECNnLJ2ZqIiYtDDgBZ8CNPnoL3vtQAXN4U9vbmHcrSJE1uwdg0k09Xaw4gfN8YfQ7ZLi0K9frTU7G0zboJGjxrhnrryrlTl/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 mudah dan sangat cocok kalau Anda ingin mematikan semua klik kanan pada gambar postingan blog.

Tapi perlu di ingat, fungsi ini memakai javascript sehingga akan menunjukkan 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 instruksi 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 sanggup membantu Anda meminimalisir terjadinya pencurian gambar atau foto yang Anda bagikan pada website atau blog Anda.
Sumber https://www.caramanual.com/

Related Posts