Halo semua, kembali lagi di sharetech. Kalian punya banyak tulisan di internet? atau kalian tidak ingin orang lain bisa meng-inspect element, atau melihat source code website kalian?, yap, ini adalah artikel yang tepat untuk mengatasi masalah kalian. Pada kali ini saya akan berbagi tips dan trick yang cukup bermanfaat, yaitu cara membuat anti copas dan klik kanan pada sebuah website. Penasaran?, ayo ikuti tutorialnya berikut ini!
Membuat fungsi pencegahan seperti ini sangat bermanfaat sekali untuk keamanan sebuah website yang kita punya. Pertama, copas artikel. Copas artikel di internet sangat mudah sekali di lakukan, karena kebanyakan artikel di internet tidaklah memiliki hak cipta, jadi semua orang bisa menggunakannya pada postingan pribadi mereka, tentu hal ini sangat menjengkelkan, maka perlu sedikit trik agar mereka tidak mudah melakukan aksi copas tersebut. Lalu yang kedua, inspect element atau view page source. Kedua hal ini biasa digunakan untuk melihat struktur pemebentuk sebuah website. Lewat dua hal ini orang bisa melihat struktur html yang kita gunakan, mereka juga dapat mengganti atribut dan memasukan script agar dapat dieksekusi oleh web tersebut.
Sebagi pemilik website tentu perlu melakukan antisipasi, salah satu cara yang bisa kita lakukan adalah membuat anti copas, anti klik kanan, dan anti open page source. Meski bukanlah pencegahan terbaik tapi trick ini dapat anda gunakan untuk meningkatkan keamanan sebuah website.
Cara Membuat Anti Copas, Klik Kanan, dan Open Page Source
Pertama buka project website yang telah kalian buat sebelumnya, atau jika belum ada project buatlah sebuah project baru dengan nama anticopas.html. Buat struktur dasar html di dalamnya, dan juga masukkan beberapa kata-kata di dalamnya. Lalu copy script ini oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;' ondragstart='return false' onselectstart='return false' style='-moz-user-select: none; cursor: default;' dan pastekan di dalam tag <body ...>. Perlu diingat!, pastenya bukan di bawah tag <body> ya, tapi di dalam tag <body...>. Sehinga penulisannya sama seperti css.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Anti Copas</title>
</head>
<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;' ondragstart='return false' onselectstart='return false' style='-moz-user-select: none; cursor: default;'>
<h1>Lorem Ipsum Sit Dolor Amet</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
</body>
</html>
Sampai tahap ini kalian telah berhasil menerapkan anti copas, anti klik kanan, dan anti CTRL + U. Selanjutnya kita akan membuat fungsi redirect ke halaman lain saat ada yang mencoba menekan CTRL+ U. Copy paste script di bawah ini dan letakkan di bawah tag </body>.
<script type='text/javascript'>
shortcut={all_shortcuts:{},add:function(a,b,c){var d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};
if(c)for(var e in d)"undefined"==typeof c[e]&&(c[e]=d[e]);
else c=d;d=c.target,"string"==typeof c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;
if(c.disable_in_input){var e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);
if("INPUT"==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");
var f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\\":"|"},
i={esc:27,escape:27,tab:9,space:32,"return":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,
"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,
f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);
for(var s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:
c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))
return d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},
this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:
function(a){var a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var a=b.event,c=b.target,b=b.callback;
c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c["on"+a]=!1}}},shortcut.add("Ctrl+U",function(){top.location.href="http://sahretech.com"});
</script>
save dan coba jalankan project di atas!. Lihat hasilnya dan coba kalian bandingkan dengan sebelum dan sesudah fitur ini diimplemetnasikan. Untuk codingan lengkapnya dapat kalian lihat pada kodingan di bawah ini.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Anti Copas</title>
</head>
<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;' ondragstart='return false' onselectstart='return false' style='-moz-user-select: none; cursor: default;'>
<h1>Lorem Ipsum Sit Dolor Amet</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
</body>
<script type='text/javascript'>
shortcut={all_shortcuts:{},add:function(a,b,c){var d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};
if(c)for(var e in d)"undefined"==typeof c[e]&&(c[e]=d[e]);
else c=d;d=c.target,"string"==typeof c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;
if(c.disable_in_input){var e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);
if("INPUT"==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");
var f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\\":"|"},
i={esc:27,escape:27,tab:9,space:32,"return":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,
"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,
f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);
for(var s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:
c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))
return d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},
this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:
function(a){var a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var a=b.event,c=b.target,b=b.callback;
c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c["on"+a]=!1}}},shortcut.add("Ctrl+U",function(){top.location.href="http://sahretech.com"});
</script>
</html>
Jika kalian menggunakan blogger cara ini juga dapat diterapkan. Caranya juga gampang sekali, kalian dapat mengikuti tutorialnya berikut ini https://www.sahretech.com/2018/11/cara-mencegah-copy-paste-pada-konten.html.
Sekian tutorial cara membuat anti copas, klik kanan, dan open page source (CTRL + U) pada website semoga bermanfaat bagi kalian semua. Kurang lebihnya saya mohon maaf apabila ada script yang sulit dipahami silahkan tinggalkan komentar di bawah ini, sampai jumpa di tutorial pemrorgaman keren lainnya. Happy Coding! 😀
Nice info Bang. Skalian tanya... kan ada aplikasi android/iphone yg bisa lihat source code website kita. Nah gimana mencegah aplikasi android/iphone itu agar tidak bisa melihat source code website kita bang? Bisa gak kasih script java nya? Makasih bang.
ReplyDelete