Rabu, 29 Mei 2013

Cara agar Postingan diBlog tidak bisa dicopy


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.

Tidak ada komentar:

Posting Komentar

Contoh :
Read more: http://infoku-bloggerku.blogspot.com/2012/10/cara-membuat-like-box-melayang-dengan.html#ixzz2VpJw50ui