Kode Anti Copy Paste Blogger: Cara Melindungi Artikel dengan Benar

Melindungi artikel blog dari aktivitas copy-paste tidak cukup hanya dengan memasang script yang mematikan klik kanan. Jika sebuah konten sudah dikirim ke browser pengunjung, pengguna yang memahami cara kerja web tetap memiliki beberapa jalur untuk mengakses informasi tersebut.

Karena itu, tujuan proteksi artikel sebaiknya tidak lagi sekadar membuat halaman terasa "tidak bisa dicopy", melainkan membuat pengambilan konten menjadi lebih sulit, membatasi jalur otomatis yang sering digunakan, mempertahankan atribusi sumber dan mempermudah pembuktian jika artikel benar-benar digunakan tanpa izin.

Pendekatan seperti ini lebih realistis dibanding memasang banyak script agresif yang justru dapat mengganggu pembaca normal.

Target proteksi bukan membuat artikel mustahil dicuri. Target yang lebih masuk akal adalah mempersempit jalur pengambilan, menjaga atribusi dan mempermudah identifikasi ketika konten digunakan tanpa izin.

Pada versi lama artikel ini digunakan beberapa metode seperti anti-select, blokir klik kanan, pemblokiran shortcut keyboard, anti Inspect Element hingga redirect halaman.

Sebagian teknik tersebut masih dapat digunakan untuk menghambat pengguna biasa, tetapi sebaiknya tidak lagi dianggap sebagai perlindungan utama.

Untuk Blogger, strategi yang lebih seimbang dapat dibagi menjadi beberapa lapisan berikut.

Proteksi Selektif Lindungi hanya bagian tertentu tanpa mengunci seluruh fungsi halaman.

Atribusi Tambahkan URL sumber ketika teks tertentu disalin oleh pembaca.

Feed Control Batasi isi artikel yang tersedia melalui RSS atau Atom Blogger.

Monitoring Periksa secara berkala apakah artikel muncul pada website lain.

Bukti Kepemilikan Simpan draft, tanggal publikasi, gambar asli dan histori perubahan.

Tindakan Lanjutan Gunakan prosedur penghapusan jika ditemukan pelanggaran yang jelas.

Informasi Singkat

---

Script anti-copy bekerja pada sisi browser sehingga lebih tepat diposisikan sebagai lapisan penghambat, bukan sistem keamanan absolut.

CSS seperti user-select:none hanya mengontrol kemampuan pengguna melakukan seleksi teks melalui interaksi normal. Konten yang sudah diberikan kepada browser tetap menjadi bagian dari halaman.

Karena itu gunakan kombinasi proteksi selektif, pembatasan distribusi, atribusi, monitoring dan bukti kepemilikan.

Apakah Script Anti Copas Benar-benar Bisa Melindungi Artikel?

Jawabannya adalah bisa membantu, tetapi tidak dapat memberikan perlindungan 100 persen.

Contoh paling sederhana adalah CSS anti-select. Kode ini dapat mencegah pembaca melakukan drag-select pada elemen tertentu.

<style>
.cfNoCopy{
  -webkit-user-select:none;
  user-select:none;
}
</style>

Fungsi sebenarnya adalah mengatur proses seleksi teks melalui interface browser.

Karena itu klaim bahwa sebuah artikel menjadi mustahil dicuri hanya karena memakai user-select:none tidak tepat.

Kurang Tepat "Dengan script anti-copy ini artikel tidak mungkin dapat diambil."

Lebih Tepat "Script ini menambah hambatan terhadap aktivitas copy-paste melalui interaksi browser normal."

Strategi Proteksi Artikel yang Direkomendasikan

Sebelum memasang script, tentukan terlebih dahulu jenis konten yang ingin dilindungi. Tidak semua artikel membutuhkan tingkat proteksi yang sama.

01

Artikel Informasi Umum

Utamakan kenyamanan membaca, atribusi dan monitoring.

02

Artikel Original atau Riset

Gunakan proteksi selektif pada bagian tertentu dan simpan bukti publikasi.

03

Tutorial Source Code

Jangan memblokir source code yang memang ditujukan agar dapat dicopy pembaca.

04

Konten Rahasia

Jangan mengandalkan CSS atau JavaScript jika datanya memang tidak boleh diberikan kepada publik.

Jika informasi benar-benar bersifat rahasia, gunakan autentikasi, kontrol akses atau mekanisme server-side. Jangan mengirim data tersebut ke browser lalu berharap JavaScript dapat menyembunyikannya secara permanen.

Proteksi CSS Anti Select

Untuk Blogger, cara paling ringan adalah menerapkan anti-select hanya pada elemen tertentu.

Hindari penggunaan user-select:none langsung pada seluruh elemen body jika sebenarnya hanya beberapa bagian artikel yang perlu dibatasi.

<style>
.cfNoCopy{
  -webkit-user-select:none;
  user-select:none;
}
</style>

Cara penggunaannya cukup tambahkan class cfNoCopy pada elemen yang ingin dibatasi.

<div class="cfNoCopy">
  Bagian teks ini dibatasi dari seleksi melalui interaksi normal.
</div>

Cara ini ringan karena tidak membutuhkan JavaScript maupun library tambahan.

Untuk source code tutorial, input, textarea, tombol copy dan generator, jangan gunakan class anti-select.

Proteksi Copy dan Klik Kanan Secara Selektif

Jika membutuhkan perlindungan yang lebih aktif, JavaScript native dapat digunakan untuk membatasi aktivitas copy dan klik kanan hanya pada area tertentu.

Dengan pola ini kita tidak perlu mematikan fungsi klik kanan pada seluruh halaman.

<script>
//<![CDATA[
(function(){
'use strict';

document.addEventListener('copy',function(e){
  var target=e.target.closest('.cfProtected');
  if(!target)return;

  if(e.target.closest('pre,code,input,textarea'))return;

  e.preventDefault();
  showCopyWarning();
});

document.addEventListener('contextmenu',function(e){
  var target=e.target.closest('.cfProtected');
  if(!target)return;

  if(e.target.closest('pre,code,input,textarea,a'))return;

  e.preventDefault();
  showCopyWarning();
});

function showCopyWarning(){
  var box=document.getElementById('cfCopyNotice');
  if(!box)return;

  box.classList.add('show');
  clearTimeout(box._timer);

  box._timer=setTimeout(function(){
    box.classList.remove('show');
  },2200);
}

})();
//]]>
</script>

Tambahkan elemen notifikasi berikut pada halaman.

<div id="cfCopyNotice">
  Konten ini dilindungi. Gunakan link artikel sebagai sumber.
</div>

Kemudian gunakan CSS berikut untuk menampilkan pesan secara ringan tanpa membuat overlay penuh.

<style>
#cfCopyNotice{
  position:fixed;
  left:50%;
  bottom:25px;
  z-index:99999;
  max-width:90%;
  padding:10px 15px;
  border-radius:5px;
  background:#0083da;
  color:#fff;
  font-size:14px;
  opacity:0;
  visibility:hidden;
  transform:translate(-50%,10px);
  transition:.25s ease;
}

#cfCopyNotice.show{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}
</style>

Dengan cara ini, source code, input dan textarea tetap bisa digunakan pembaca secara normal.

Jangan berlebihan: hindari memblokir semua shortcut seperti Ctrl+A, Ctrl+P, Ctrl+S, F12 atau tombol Alt hanya untuk melindungi artikel. Selain mudah dilewati, cara tersebut dapat mengganggu fungsi normal browser dan aksesibilitas.

Menambahkan Sumber Otomatis Saat Artikel Dicopy

Untuk artikel tutorial atau edukasi, pendekatan yang lebih ramah adalah tetap mengizinkan pembaca melakukan copy tetapi menambahkan URL sumber secara otomatis pada clipboard.

<script>
//<![CDATA[
(function(){
'use strict';

document.addEventListener('copy',function(e){
  var article=e.target.closest('.cfCopySource');
  if(!article)return;

  if(e.target.closest('pre,code,input,textarea'))return;

  var selection=window.getSelection();
  if(!selection||!selection.toString().trim())return;

  var text=selection.toString();
  var source='\n\nSource: '+location.href;

  if(e.clipboardData){
    e.preventDefault();
    e.clipboardData.setData('text/plain',text+source);
  }
});

})();
//]]>
</script>

Kemudian class cfCopySource dipasang pada bagian artikel yang ingin diberikan atribusi otomatis.

<div class="cfCopySource">
  Isi artikel...
</div>

Metode ini tidak mencegah penyalinan. Fungsinya adalah mempertahankan informasi sumber ketika pembaca melakukan copy-paste secara normal.

Membatasi RSS Feed Blogger

Pencurian konten tidak selalu dilakukan melalui browser. Sistem agregator atau alat otomatis juga dapat mengambil isi artikel melalui RSS atau Atom feed.

Karena itu kontrol terhadap feed menjadi salah satu lapisan yang lebih penting dibanding sekadar memblokir klik kanan.

Penuh Seluruh isi posting tersedia melalui feed.

Sampai Batas Postingan Feed mengikuti posisi Jump Break pada posting.

Singkat Feed hanya menyediakan nukilan pendek dari artikel.

Kustom Memberikan pengaturan feed yang lebih spesifik.

Tidak Ada Menonaktifkan feed situs.

Untuk membatasi feed Blogger, gunakan langkah berikut.

01

Buka Dashboard Blogger.

02

Pilih menu Setelan.

03

Cari bagian Feed situs.

04

Buka pengaturan Izinkan feed blog.

05

Pilih Singkat atau Sampai Batas Postingan sesuai kebutuhan.

Menggunakan feed singkat tidak membuat artikel mustahil diambil, tetapi dapat mengurangi kemudahan sistem otomatis mendapatkan seluruh isi posting hanya melalui endpoint feed.

Creative Commons, Copyscape dan Bukti Kepemilikan

Perlindungan artikel tidak selalu berbentuk script.

Lapisan lain yang justru sangat penting adalah kemampuan membuktikan bahwa sebuah artikel memang berasal dari blog kita.

Copyscape dapat digunakan sebagai alat bantu untuk menemukan halaman lain yang memiliki kemiripan teks.

Creative Commons memiliki fungsi berbeda. Lisensi Creative Commons digunakan ketika pemilik karya ingin memberikan hak penggunaan tertentu dengan ketentuan yang telah ditentukan.

Karena itu banner Creative Commons bukanlah script anti-copy.

Yang lebih penting dari banner adalah bukti. Simpan file sumber, tanggal publikasi, screenshot, gambar asli dan histori perubahan artikel.

Untuk artikel yang memiliki nilai tinggi, simpan beberapa bukti berikut.

Draft asli artikel.

Screenshot halaman setelah publikasi.

Tanggal publikasi dan tanggal update.

Gambar atau file desain asli.

Riwayat revisi jika tersedia.

URL canonical artikel.

Apa yang Harus Dilakukan Jika Artikel Dicuri?

Script anti-copy bekerja pada tahap pencegahan. Jika artikel ternyata sudah muncul di website lain, fokus harus berpindah dari pencegahan ke dokumentasi dan tindakan.

01

Verifikasi Penyalinan

Bandingkan teks, gambar, struktur dan waktu publikasi.

02

Simpan Bukti

Ambil screenshot, simpan URL halaman dan catat tanggal pengecekan.

03

Hubungi Pemilik Situs

Minta penghapusan, koreksi atau atribusi jika sesuai dengan situasinya.

04

Identifikasi Penyedia Layanan

Jika tidak ada tanggapan, cari platform atau layanan hosting yang digunakan.

05

Gunakan Kanal Pelaporan Resmi

Jika diperlukan, gunakan prosedur hak cipta dari platform atau layanan terkait.

Tidak semua kemiripan artikel otomatis berarti plagiarisme. Fakta umum, istilah teknis, rumus atau langkah tertentu dapat terlihat mirip secara alami.

Yang perlu diperhatikan adalah pengambilan bagian karya yang memiliki ekspresi original seperti teks, gambar, ilustrasi atau struktur kreatif secara substansial tanpa izin yang sesuai.

Protection Strategy Checker

Tidak yakin jenis proteksi apa yang cocok untuk blog Anda? Gunakan analyzer berikut untuk mendapatkan rekomendasi berdasarkan karakter artikel.

Content Protection Analyzer Pilih kondisi artikel lalu lihat rekomendasinya.

Saya banyak menerbitkan artikel original. Artikel saya berisi source code yang harus bisa dicopy. Saya khawatir artikel diambil otomatis melalui RSS. Ada bagian konten yang ingin dibatasi dari copy langsung. Saya ingin lebih mudah mengetahui ketika artikel disalin.

Pilih kondisi blog di atas kemudian tekan Analyze Protection.

Proteksi Lama yang Sebaiknya Tidak Dijadikan Andalan

Beberapa teknik anti-copy lama masih banyak digunakan, tetapi lebih baik ditempatkan sebagai eksperimen atau penghambat tambahan daripada sistem keamanan utama.

Anti Inspect Element Tidak benar-benar menyembunyikan HTML yang sudah dikirim ke browser.

Redirect Saat F12 Ditekan Dapat mengganggu fungsi browser dan masih dapat dilewati dengan berbagai cara.

Redirect Saat Mouse Keluar Halaman Berpotensi menghasilkan pengalaman pengguna yang buruk.

Mematikan Semua Shortcut Keyboard Dapat mengganggu aksesibilitas dan aktivitas normal pembaca.

Menganggap Banner sebagai Security Banner memberi informasi atau peringatan tetapi tidak mencegah pengambilan data.

Jika script anti-copy menyebabkan pembaca normal kesulitan menggunakan website, tingkat proteksinya kemungkinan sudah terlalu agresif.

Rekomendasi Konfigurasi Anti Copy CodeFlare

Untuk penggunaan Blogger secara umum, konfigurasi berikut memberikan keseimbangan yang lebih baik antara perlindungan dan kenyamanan pengguna.

01

Biarkan artikel normal tetap nyaman dibaca dan digunakan.

02

Gunakan anti-select hanya pada bagian tertentu jika memang dibutuhkan.

03

Jangan mengunci source code yang memang diberikan kepada pembaca.

04

Tambahkan atribusi sumber otomatis jika sesuai dengan karakter artikel.

05

Gunakan feed Singkat atau Sampai Batas Postingan jika ingin membatasi distribusi RSS.

06

Simpan bukti publikasi dan lakukan monitoring terhadap artikel original.

Dengan strategi seperti ini kita tidak mengejar sistem anti-copy yang mustahil ditembus.

Tujuan yang lebih realistis adalah membuat konten lebih sulit diambil secara otomatis, lebih mudah diketahui ketika disalin dan lebih mudah dibuktikan siapa pemilik aslinya.

Catatan: JavaScript anti-copy hanya bekerja setelah halaman diberikan kepada browser. Jangan menggunakannya sebagai pengganti autentikasi atau kontrol akses untuk informasi yang benar-benar rahasia.

Melindungi artikel bukan berarti membuat pengalaman membaca menjadi tidak nyaman.

Tutorial kode membutuhkan kebebasan copy pada source code, sedangkan artikel original, riset atau materi khusus mungkin membutuhkan perlindungan selektif pada bagian tertentu.

Dengan menggabungkan proteksi ringan, pembatasan feed, atribusi dan dokumentasi kepemilikan, artikel Blogger dapat dilindungi secara lebih realistis daripada sekadar mematikan seluruh fungsi browser.