Cara Melindungi Konten Blog dari Copy-Paste dengan JavaScript
Pernahkah Anda menghabiskan berjam-jam merangkai kata demi kata, menuangkan ide terbaik, dan menyajikan tulisan yang Anda banggakan, hanya untuk melihatnya nongkrong manis di blog orang lain tanpa izin? Rasanya seperti memberikan kunci rumah kepada pencuri. Konten adalah jiwa dari setiap blog, dan melindunginya adalah prioritas. Kabar baiknya, Anda tidak perlu menjadi ahli IT untuk memasang 'gerbang' sederhana. Dengan sedikit sentuhan JavaScript, kita bisa membuat para pencuri konten putus asa. Mari kita pelajari cara sederhana melindungi tulisan berharga Anda dari klik kanan dan copy-paste yang tidak diinginkan.
 |
| Gambar 1 |
Langkah ke 2, Tambahkan Gadget dibagian sidebar seperti gambar 2.
 |
| Gambar 2 |
Langkah ke 3, pilih HTML/JavaScript.
 |
| Gambar 3 |
Langkah ke 3, isi konten dengan Script yg sudah disediakan, selanjutnya klik Simpan.
 |
| Gambar 4 |
Kami menyediakan beberapa pilihan Script yg bisa anda pakai pada blog yg anda akan lindungi, script pertama berfungsi agar halaman blog tidak bisa di copy-paste. sedangkan script 2 halaman blog agar tidak bisa di copy namun bisa dipaste.
Script 1 :
<noscript><div id="javascript-disabled">
<div>Java script jharus di aktifkan untuk melihat konten.</div>
</div></noscript>
<!-- JAVASCRIPT -->
<script>// disable right-click
window.addEventListener('contextmenu', function (e) {
e.preventDefault();
});// disable ctrl key
window.addEventListener("keydown", function (e) {
if (e.ctrlKey) {
e.preventDefault();
}
});</script>
<!-- CSS -->
<style>
#javascript-disabled {
background: hsl(0deg 0% 9% / 95%);
color: #fff;
padding: 8% 0 0 0;
position: fixed;
bottom: 0;
left: 0;
top: 0;
right: 0;
z-index: 1000;
height: auto;
transform: translateZ(0);
overflow: hidden;
}
#javascript-disabled div {
border-radius: 10px;
background: #a53321;
padding: 30px;
max-width: 500px;
margin: 0 auto;
text-align: center;
font-size: 22px;
}
</style>
Script 2 :
<script>
// Skrip untuk menonaktifkan klik kanan
document.addEventListener('contextmenu', function(e) {
e.preventDefault();
alert('Maaf, klik kanan tidak diizinkan di blog ini.');
});
// Skrip untuk menonaktifkan pintasan keyboard
document.addEventListener('keydown', function(e) {
// Cek apakah tombol yang ditekan adalah Ctrl (atau Cmd di Mac)
if (e.ctrlKey || e.metaKey) {
switch (e.key) {
case 'c': // Ctrl+C
case 'x': // Ctrl+X
case 'a': // Ctrl+A
case 'u': // Ctrl+U
e.preventDefault();
alert('Maaf, Anda tidak bisa menyalin, memotong, atau melihat kode sumber.');
break;
default:
break;
}
}
});
</script>
Post a Comment for "Cara Melindungi Konten Blog dari Copy-Paste dengan JavaScript"