Cara Pasang Anti Copy Paste Pakai Jquery Dan Css
Credit image : jstricks.com
Banyak sudah rekan-rekan yang memposting tutorial wacana bagaimana cara supaya artikel blog tidak sanggup dicopy orang lain dengan teknik sederhana dan mudah, namun masih ada beberapa trik jitu yang mungkin belum di informasikan.
Untuk itu disini saya akan menunjukkan cara menciptakan blog kita menjadi sulit di copas oleh blogger lain memakai beberapa cara. Ini sanggup kita terapkan untuk blog gratis dan berbayar, baik itu yang di hosting di blogger/blogspot, wordpress ataupun blog premium.
Langkah-langkah Mengatasi Pencurian Artikel
1. Menonaktifkan beberapa fungsi keyboard pakai script
A. DISABLE CTRL+C
Biasanya tukang copas menyalin goresan pena tetangga dengan cara menekan tombol CTRL+C fungsi ini untuk menyalin teks melalui laptop atau perangkat komputer sejenisnya.
<script>
$(document).ready(function() {
$('body').bind('copy', function(e) {
e.preventDefault();
});
});
</script>
Jika hanya ingin mematikan fungsi copy di selektor tertentu, contohnya pada tag pre, maka ganti $('body') menjadi $('pre') atau $('.post-body') bila ingin mematikan class 'post-body'.
Bisa juga dengan menambahkan oncopy="return false" pada body template. Makara pemasangannya yaitu <body oncopy="return false">
B. DISABLE CLICK RIGHT
Cara lain yang juga terkenal dilakukan pencuri konten situs Anda yaitu dengan cara klik kanan, kemudian pilih copy atau salin. Dengan begitu maka penonaktifan fungsi CTRL+C menjadi sia-sia.
Untuk lebih memaksimalkan perjuangan Anda, maka nonaktifkan juga klik kanan dengan jQuery berikut:
<script>
$(document).ready(function() {
$("body").on("contextmenu",function(){
return false;
});
});
</script>
C. DISABLE CTR+U
Selain copas habis, biasanya mereka mencuri konten Anda dengan mengintip sumber isyarat lewat CTRL+U. Dengan teknik ini, maka semua cara penguncian fungsi keyboard menjadi sia-sia, alasannya yaitu mereka masih sanggup menyalin artikel Anda pakai cara ini.
Untuk menonaktifkan fungsi CTRL+U, silahkan pasang JavaScript berikut kedalam template Anda.
<script>
document.onkeydown = function(e) {
if (e.ctrlKey && (e.keyCode === 85)) {
return false;
}
};
</script>
Ketika cara diatas belum sanggup dikatakan maksimal, alasannya yaitu browser modern mempunyai opsi untuk mematikan script. Sehingga Anda juga perlu mengunci artikel dengan CSS.
2. Menonaktifkan beberapa fungsi keyboard pakai CSS
A. DISABLE TEXT SELECTION HIGHLIGHTING
Untuk mencegah seseorang menyalin karya Anda pakai CSS, simpan style berikut kedalam kepala / HEAD website Anda.
<style>
body {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
CSS diatas akan mematikan fungsi seleksi. Karena untuk sanggup menyalin, maka perlu seleksi dulu teks / goresan pena tersebut, dan trik ini sangat ampuh untuk menciptakan tukang copas kelas menengah kebawah geleng-geleng kepala.
B. REDIRECT IF SCRIPT DISABLED
Semua cara diatas bantu-membantu nyaris sempurna, namun tetap saja mempunyai kelemahan. Meskipun saat pencuri mematikan script di browsernya, maka CSS akan berjuang memperlambat aksinya, namun itu bukan berarti mereka tak sanggup mencuri konten Anda.
Karena sayangnya kita tidak sanggup menonakftikan klik kanan memakai CSS. Andaikan itu sanggup maka Anda tidak perlu cemas lagi. Sebagai jurus terakhir, Anda sanggup mengalihkan pencuri dari halaman A ke halaman B bila terdeteksi mereka mematikan script di browsernya.
Pengalihan ini mengunakan meta refresh, jadi masih akan tetap dialihkan meskipun mereka menonaktifkan script di browsernya.
Caranya adalah, masukkan isyarat berikut diatas </head>
<noscript>
<meta http-equiv="refresh" content="0; url=http://alamatsitusanda.com"/>
</noscript>
Namun pada cara 2 B tidak saya anjurkan alasannya yaitu pada kasus tertentu, sanggup saja ada pengunung baik yang tidak berniat mencuri konten situs Anda, dan kebetulan beliau mematikan script di browsernya, maka secara otomatis beliau akan dialihkan ke halaman http://alamatsitusanda.com
Namun saya pikir itu jarang teradi, dan Anda perlu melaksanakan ini bila Anda benar-benar benci dan tidak berkenan bila hasil karya goresan pena Anda dicuri oleh blogger lain.
Nah, itu saja tutorialnya, semoga bermanfaat untuk Anda. Jika Anda yaitu blogger pemula yang tidak paham coding dan galau bagaimana cara memasang kode-kode diatas, berikut saya tunjukkan gambarannya:
<html>Sumber http://www.kangsigit.com/
<head>
<style>
body {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
<noscript>
<meta http-equiv="refresh" content="0; url=/"/> <!-- mengalihkan ke homepage -->
</noscript>
</head>
<body oncopy="return false">
<p>ARTIKEL ANDA DISINI</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
// nonaktifkan CTRL+C
$(document).ready(function() {
$('body').bind('copy', function(e) {
e.preventDefault();
});
});
// nonaktifkan KLIK KANAN
$(document).ready(function() {
$("body").on("contextmenu",function(){
return false;
});
});
// nonaktifkan CTRL+U
document.onkeydown = function(e) {
if (e.ctrlKey && (e.keyCode === 85)) {
return false;
}
};
</script>
</body>
</html>
0 Response to "Cara Pasang Anti Copy Paste Pakai Jquery Dan Css"
Posting Komentar