Cara Membuat Klik Kanan Tidak Aktif Pada Gambar Posting Blog

Pada postingan sebelumnya telah dibahas cara agar tulisan yang kita miliki di blog tidak mudah dicopy paste pada tulisan cara membuat klik kanan blogger tidak aktif. Bila beberapa yang belum sempat untuk membacanya, bisa klik disini.
Kali ini akan dibahas bagaimana Cara Membuat Klik Kanan Tidak Aktif Pada Gambar Posting Blog yang ada pada postingan yang kita miliki  tidak bisa diklik kanan oleh orang lain, tujuannya sama yaitu agar gambar yang kita punya tidak mudah diambil oleh orang lain. Tanpa berpanjang lebar lagi, mari kita bahas caranya dibawah ini:

1. Pastikan login terlebih dahulu ke akun blogger anda
2. Pada dasboard anda, pilih menu - Template
3. Kemudian pilih - Edit HTML
4. Letakkan kode atau script berikut ini tepat dibawah </head>
   

   <script type="text/javascript">
   //<![CDATA[
       function nocontext(e) {
           var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName;
           if (clickedTag == "IMG") {
               alert(alertMsg);
               return false;
           }
       }
       var alertMsg = "Image context menu is disabled";
       document.oncontextmenu = nocontext;
   //]]>
   </script>

5. Lalu - Simpan template / Save template
6. Lanjutkan untuk melihat hasilnya bisa klik tombol - Lihat blog pada bagian atas dasboard

Script di atas digunakan untuk melakukan klik kanan tidak aktik untuk semua gambar atau image. Namun jika klik kanan tidak aktif hanya pada gambar tertentu saja atau single image, caranya hanyak meletakkan kode/ script ini pada gambar yang diinginkan, caranya adalah :

1. Pilih postingan yang ada gambarnya, dan ingin dilindungi
2. Kemudian pilih tampilan - HTML
3. Lalu disana ada beberapa kode html, lihat kode gambar yang ingin dilindungi
   Misal kode tersebut adalah seperti ini:
   

   <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZFkCTPOSAN2ps3T-x2WAxzi7kbBbJqltQg4U5dBADq5a707zeGYrPbaYzp2VlSw16lx1Hm2S8p0pDD3UcHSdqHgHg1MNA-TuTPFq4poyQ93z9li38MK0n99in5AlCFeGPvsSSy5X8CRBE/s1600/2008_10260151.JPG" />

4. Kemudian tambahkan kode berikut ini diantara kode image tadi
   

   oncontextmenu='alert("Image context menu is disabled");return false;'

   kode image lengkapnya akan menjadi seperti ini:
   

   <img oncontextmenu='alert("Image context menu is disabled");return false;' border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZFkCTPOSAN2ps3T-x2WAxzi7kbBbJqltQg4U5dBADq5a707zeGYrPbaYzp2VlSw16lx1Hm2S8p0pDD3UcHSdqHgHg1MNA-TuTPFq4poyQ93z9li38MK0n99in5AlCFeGPvsSSy5X8CRBE/s1600/2008_10260151.JPG" />

   
   
5. Selanjutnya - Simpan Template/ Save template
6. Silahkan untuk melihat hasilnya klik - Lihat blog

Silahkan dicoba, dan sekali lagi bisa dibuat sekreatif mungkin, mudah-mudahan cara di atas bisa membantu para pembaca untuk menjaga gambar atau image yang dimiliki. Jadi tidak lagi khawatir terhadap pengambilan gambar oleh pihak lain.

Selamat mencoba, semoga bermanfaat :)