Cara Agar Gambar di Posting Blog Tidak Bisa Dicopy

Imajinasi | Dalam setiap artikel kita terkadang membuat gambar-gambar tertentu untuk menarik perhatian pengunjung. Saya sendiri memakai gambar tujuannya 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 hehehe, saya mengolah gambar dengan software PhotoScape)

Nah bagaimana caranya agar gambar postingan 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 seperti ini (kalo mau cepat pake Ctrl F) </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 menu 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="http://gedesitdownblog.blogspot.com/-MK7fhu_0MKA/SlWREIy96AI/AAAAAAAAAPo/d-w9hOxZkqU/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="http://gedesitdownblog.blogspot.com/-MK7fhu_0MKA/SlWREIy96AI/AAAAAAAAAPo/d-w9hOxZkqU/s1600/2008_10260151.JPG" />

 
 Nah silahkan lindungi gambar-gambar posting sobat agar tidak bisa di copas, selamat mencoba.

Baca juga :
~ Cara Promosi Buat Blog Baru
~ Cara Memasang Iklan Melayang di Sebelah Kanan dan Kiri Blog
~ Cara Membuat Buku Tamu Tersembunyi di Blog