_Berbagi Dengan Penuh Ikhlas_

Blogger

Saturday, August 3, 2013

Mencegah Copy Paste Dengan Disable Klik Kanan Dan Sorot


disable klik kanan
Disable Klik Kanan
Cara Sederhana untuk melindungi konten dari copy paste adalah dengan disable klik kanan menggunakan javascript di perkuat lagi dengan disable sorot menggunakan css. Menonaktifkan klik kanan pada Blogger bisa di lakukkan dengan menambahkan beberapa baris javascript.  Sementara untuk disable sorot kita gunakan CSS untuk menghindari javascrip pada browser yang dimatikan.
Yuk, mari kita melihat bagaimana membuat anti/disable klik kanan dan sorot di Blogger.

1. Disable Klik Kanan

  • Buka dashboard blogger kamu>>Tata Letak>>Tambahkan Gadget kemudian pilih HTML/Javascript
  • Masukkan Kode berikut lalu simpan.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<script language=javascript>
<!--
 
//Disable right mouse click Script
 
var message="Wadaw... gak boleh klik kanan!";
 
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
 
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
 
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
 
document.oncontextmenu=new Function("alert(message);return false")
 
// -->
</script>
  • Ganti “Wadaw… gak boleh klik kanan!” sesuai keinginan, Simpan Setelan template.
Sampai disini blog blogger kamu sudah bebas dari fungsi klik kanan (disable right click). Selanjutnya kita tambahkan fungsi disable sorot untuk mengatasi browser yang di matikan javascriptnya.

2. Disable Sorot

  • Tambahkan lagi Gadget HTML/Javascript lalu masukkan kode berikut:
1
2
3
4
5
6
7
8
9
10
<!--Disable Sorot Area-->
<style type='text/css'>
.post{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
</style>
  • Simpan Setelan template, coba cek apakah sudah berhasil seperti DEMO berikut ini.
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 comments

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
Posts RSSComments RSSBack to top
© 2011 Ramdani Fitrian ∙ Designed by BlogThietKe
Released under Creative Commons 3.0 CC BY-NC 3.0