Cara agar gambar di posting blog tidak bisa dicopy

Dalam setiap artikel kita terkadang membuat gambar-gambar tertentu untuk menraik perhatian pengunjung. Saya sendiri memakai gambar tujuannya selain optimasi SEO juga untuk memudahkan pengunjung dalam mengikuti tutorial yang ada. Namun apa jadinya jika gambar-gambar tersebut di copas, yaa walaupun kita juga mencari di google image, namun ada juga khan yang hasil karya cipta sendiri. (sedikit intermezzo, saya mengolah gambar dengan software snipping tool bawaan di windows 7 dan vista)

Nah bagaimana caranya agar gambar diposting blog kita tidak bisa di copas, salah satu caranya adalah dengan mendisable klik kanan pada gambar. Buat sobat yang mau kode javascriptnya silakan ikuti tutorial di bawah ini

A. Disable klik kanan gambar pada seluruh posting blog.

Caranya ialah memasukkan kode javascript ke template

1. Langkah pertama seperti biasa masuk akun blogger

2. Dasbor > Template > Edit HTML > Lanjutkan > centang expand template widget

3. Cari kode </head>, kemudian masukkan kode berikut tepat di atasnya

<script type="text/javascript"> //<![CDATA[ /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Disable context menu on images by GreenLava (BloggerSentral.com) Version 1.0 Anda bebas mengcopy dan menyebarluaskan kode, namun harap jangan dihapus link ini ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ 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>


4. Klik pratinjau, jika tidak error, berarti kode javascript bekerja dengan baik. Simpan template.

B. Disable klik kanan hanya pada gambar di posting tertentu

Sedangkan untuk mendisable klik kanan pada gambar pada posting yang dinginkan adalah dengan menambahkan kode di bawah di menu HTML atau saat menulis postingan masuk ke mnu HTML (bukan compose)

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

Contoh penerapannya:

dibawah ini adalah image tag asli di posting blog

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

agar tidak bisa di klik kanan masukkan kode berwarna merah di atas, contoh:

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

 


 Nah silakan lindungi gambar-gambar posting sobat agar tidak bisa di copas, Silakan dicoba.