Cara Agar Artikel Tidak Bisa Dicopy Kecuali Bagian Tertentu
Cara Agar Artikel Tidak Bisa Dicopy Kecuali Bagian Tertentu |
Salah satu cara aggar artikel atau konten kita tidak bisa dicopy orang yaitu dengan menabahkan kode css atau javascript anti copy paste pada blog. Nah di sini saya akan memberikan kode css dan javascriptsupaya artikel kita tidak bisa seenaknya dicopy orang lain.
Tetapi bagaimana apabila ada bagian postingan tertentu yang diharuskan dicopy seperti kode script pada blockquote atau lainnya? Di sini juga saya akan memberikan kode script agar artikel tidak bisa dicopy kecuali pada bagian tertentu.
Cara Agar Artikel Tidak Bisa Dicopy Kecuali Bagian Tertentu
Langkah PertamaMasuk Blogger kemudian edit template
Langkah Kedua
Silahkan letakan kode berikut sebelum ]]></b:skin> atau </style>
.post-outer {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-ms-user-select:none;
-moz-user-select:none;
}
Selesai sekarang kita tinggal menambahkan kode di bawah ini tepat di blockquote agar script di blockqoute, pre atau lainnya masih bisa dicopy
.post blockquote,.post pre,.post code{
-webkit-touch-callout:text;
-webkit-user-select:text;
-khtml-user-select:text;
-ms-user-select:text;
-moz-user-select:text;
}
Dengan kode css di atas sekarang artikel anda tidak bisa lagi dicopy paste, kecuali pada bagian tertentu sepert kode script di dalam blockquote atau pre. Anda juga bisa menggunakan javascript untuk memprotek artikel dari copy paste. Untuk tutorialnya ikuti langkahh berikuLangkah Pertama
Letakan kode berikut tepat di atas </body>
<script type="text/javascript"> function disableSelection(target){
if (typeof target.onselectstart!="undefined") //IE route
target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
target.style.MozUserSelect="none"
else //All other route (ie: Opera)
target.onmousedown=function(){return false}
target.style.cursor = "default"
}
</script>
Langkah Kedua
Selesai simpan template
Dengan salahsatu cara di atas sekarang artikel blog anda sudah tidak bisa dicopy paste lagi oleh para plagiat atau copaser kecuali pada baian tertentu seperti script pada pre atau blockquote. Walaupun masih ada cara menyalin artikel blog yang tidak bisa dicopy, tapi setidaknya kita telah berusaha.
Semoga tutorial Cara Agar Artikel Tidak Bisa Dicopy Kecuali Bagian Tertentu dapat bermanfaat bagi anda.
Cara Agar Artikel Tidak Bisa Dicopy
Jika Anda ingin melindungi artikel agar tidak bisa disalin secara keseluruhan tetapi memungkinkan pengguna untuk menyalin bagian tertentu, Anda dapat menggunakan teknik JavaScript atau CSS untuk mencapai tujuan tersebut. Berikut adalah dua pendekatan yang dapat Anda pertimbangkan:
- JavaScript untuk Mencegah Salinan: Anda dapat menggunakan JavaScript untuk mencegah pengguna menyalin teks dari seluruh artikel, tetapi memungkinkan mereka menyalin teks tertentu yang Anda pilih. Contohnya, Anda dapat membuat suatu popup atau pesan yang menampilkan teks tertentu ketika pengguna mencoba menyalin, dan hanya memungkinkan mereka menyalin teks tersebut.
Berikut adalah contoh sederhana menggunakan JavaScript untuk mencegah salinan teks:
html<!DOCTYPE html>
<html>
<head>
<title>Contoh Artikel</title>
<script>
document.addEventListener('copy', function(e) {
e.preventDefault(); // Mencegah aksi bawaan saat menyalin
var selectedText = window.getSelection().toString(); // Mendapatkan teks yang dipilih
// Cek apakah teks yang dipilih adalah teks yang diizinkan untuk disalin
if (selectedText === "Teks yang diizinkan") {
// Salin teks yang dipilih
e.clipboardData.setData('text/plain', selectedText);
} else {
// Tampilkan pesan yang memberi tahu pengguna bahwa hanya teks tertentu yang bisa disalin
alert("Anda hanya dapat menyalin teks yang diizinkan.");
}
});
</script>
</head>
<body>
<p>Teks yang diizinkan</p>
<p>Teks yang tidak diizinkan</p>
</body>
</html>
- CSS untuk Membuat Teks Tidak Dapat Dipilih: Anda juga dapat menggunakan CSS untuk membuat teks tidak dapat dipilih. Namun, perlu diingat bahwa ini hanya mencegah pengguna menyalin teks menggunakan klik dan drag mouse, tetapi pengguna masih dapat melihat kode HTML dan menyalinnya dari sana.
Berikut adalah contoh CSS untuk membuat teks tidak dapat dipilih:
css.unselectable {
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE 10+ */
user-select: none; /* Standard syntax */
}
Tambahkan kelas "unselectable" ke elemen atau bagian teks yang tidak ingin Anda izinkan untuk dipilih atau disalin.
Harap diingat bahwa meskipun Anda dapat mengimplementasikan teknik-teknik ini, tidak ada cara mutlak untuk mencegah orang menyalin teks dari situs web Anda. Jika seseorang ingin menyalin teks dari situs Anda, mereka masih memiliki beberapa cara untuk melakukannya. Oleh karena itu, lebih baik fokus pada memberikan nilai tambah dan kualitas pada konten Anda daripada membatasi penggunaan konten tersebut.