Artikel mencegah copy paste dan disable view page source kali ini adalah pelengkap dari tulisan saya sebelumnya mematikan klik kanan dan text selection. Sehingga cukup lengkaplah cara melindungi artikel dari pencurian atau copy paste dari blogger-blogger yang tak bertanggung jawab itu. Trik ini dapat digunakan oleh semua jenis website baik wordpress, blogger, drupal, joomla dan lain-lain. Adapun beberapa inti proteksi konten / artikel ini terdiri dari mematikan fungsi klik kanan, menonaktikan text selection, mendisable view page source, menyembunyikan isi jika tanpa javascript, serta menonaktifkan fungsi shortcut pada browser.
Tips untuk mencegah copy paste dan proteksi konten artikel ini sebenarnya diadaptasikan dari plugin WP Copy Protect (https://wordpress.org/plugins/wp-copyprotect/). Namun untuk menghindari penggunaan plugin yang berlebihan maka saya terapkan script secara manual. Dan sekali lagi, meskipun tadinya dari plugin tapi bisa diterapkan dengan baik pada website selain wordpress karena menggunakan javascript. Triknya sangat mudah saja, silahkan ikuti 3 langkah berikut:
- Bagi pengguna WordPress dari dashboard, pilih appearance – theme editor – dan buka header.php. Sementara pengguna blogger dan CMS lainnya, pastikan Anda tahu template html Anda dan cari bagian head.
- Salin script di bawah ini, simpan di mana saja sebelum penutup tag </head>
<!-- Kode menampilkan peringatan untuk mengaktifkan javascript--> <div align="center"><noscript> <div style="position:fixed; top:0px; left:0px; z-index:3000; height:100%; width:100%; background-color:#FFFFFF"> <div style="font-family: Arial; font-size: 17px; background-color:#00bbf9; padding: 11pt;">Mohon aktifkan javascript pada browser untuk mengakses halaman ini!</div></div> </noscript></div> <!--Kode untuk mencegah seleksi teks, block teks dll.--> <script type="text/javascript"> function disableSelection(e){if(typeof e.onselectstart!="undefined")e.onselectstart=function(){return false};else if(typeof e.style.MozUserSelect!="undefined")e.style.MozUserSelect="none";else e.onmousedown=function(){return false};e.style.cursor="default"}window.onload=function(){disableSelection(document.body)} </script> <!--Kode untuk mematikan fungsi klik kanan di blog--> <script type="text/javascript"> function mousedwn(e){try{if(event.button==2||event.button==3)return false}catch(e){if(e.which==3)return false}}document.oncontextmenu=function(){return false};document.ondragstart=function(){return false};document.onmousedown=mousedwn </script> <style type="text/css"> * : (input, textarea) { -webkit-touch-callout: none; -webkit-user-select: none; } </style> <style type="text/css"> img { -webkit-touch-callout: none; -webkit-user-select: none; } </style> <!--Kode untuk mencegah shorcut keyboard, view source dll.--> <script type="text/javascript"> window.addEventListener("keydown",function(e){if(e.ctrlKey&&(e.which==65||e.which==66||e.which==67||e.which==73||e.which==80||e.which==83||e.which==85||e.which==86)){e.preventDefault()}});document.keypress=function(e){if(e.ctrlKey&&(e.which==65||e.which==66||e.which==67||e.which==73||e.which==80||e.which==83||e.which==85||e.which==86)){}return false} </script> <script type="text/javascript"> document.onkeydown=function(e){e=e||window.event;if(e.keyCode==123||e.keyCode==18){return false}} </script>
- Save dan simpan perubahan. Jika Anda tidak bisa copy script di atas download saja kodenya pada file CopyProtectScript.txt
Contoh hasil halaman yang sudah dipasangi script anti copas ini Lihat Halaman Demo
Bagian dan Fungsi Script Anti Copas
Sampai sini sebenarnya langkah melindungi blog/ website dari copy paste sudah selesai. Namun untuk lebih memahami maksud dan fungsi kode/ script di atas, berikut saya uraikan pula bagian-bagian script di atas:
Kode peringatan untuk mengaktifkan javascript
Kode ini akan memaksa pengunjung untuk mengaktifkan javascript pada browser, jika tidak diaktifkan maka isi halaman blog kita akan terblok, tersembunyi dan kosong melongpong hanya menampilkan peringatan saja. Dengan begini, pengunjung mau tidak mau harus mengaktifkan javascript dan ketika javascript diaktifkan seluruh kode perlindungan artikel dari mulai mencegah klik kanan, disable text selection, mematikan view source dan lainnya akan aktif pula.
Kode mencegah seleksi teks, block teks Tujuannya cukup jelas, yaitu mencegah pengunjung untuk menyeleksi/ blok isi artikel sebelum di copy sehingga tidak ada teks yang bisa dicopas.
Kode mematikan klik kanan mouse
Menu klik kanan pada browser bisa memiliki fungsi negatif jika pemakainya adalah pencuri. Sebut saja menu Copy, Print, view Page Source (tampilkan sumber halaman), dan save as sangat mempermudah dalam menyalin / copy artikel. Nah, dengan adanya script ini menu klik kanan bisa dihilangkan sehingga dapat meminimkan usaha negatif si calon kopassus, eh copasser 😆
Kode untuk mencegah shorcut keyboard
Sama seperti poin sebelumnya beberapa kombinasi shortcut pada browser dapat menguntungkan dalam penyalinan data artikel seperti tombol Ctrl + A (memilih semua teks) dan Ctrl + U (menampilkan sumber halaman html). Dengan script di atas fungsi shortcut ini dimatikan, tapi kabar baiknya tidak mencegah fungsi bookmark (Ctrl + D).
Masih berkaitan ketahui pula menampilkan source code pada android
Sebagai catatan, cara mencegah copy paste di atas bersifat client side artinya masih dapat di override oleh si pengguna. Misalkan si pengguna menonaktifkan javascript pada browsernya, terlebih kode di atas adalah memang javascript. Namun tidak ada salahnya menerapkan trik di atas sebagai salah satu cara melindungi blog kesayangan kita; dari pada dibiarkan tanpa perlindungan sedikitpun; setidaknya besar kemungkian bisa berhasil bagi para newbie. Finally, selamat mencoba dan mudah-mudahan bermanfaat…
walaupun gak 100%, yang penting kita udah berusaha antisipasi, hehehehe. terimakasih bang.
Yup, betul syekali gan 😀
Peruma saja bang masih Rentan Kebobolan Untuk meng copas isi Artikel Nya
1.Pada Google Chrome pada titik tiga saping sudut kanan atas, pilih “More Tools” Nanti terdapat menu “Developer Tools”, Ini kan bisa melihat Page Source/source code pada website Kita bang??
2. Pada Perangkat Smartphone seperti Android/Ios, Pada Aplikasi Browser bisa untuk memblock tulisan dan mengcopas isi Artikel kita, dan juga bisa melihat Page Source/source code pada website Kita bang??
Pahami dulu apa itu html, tujuan sharing script ini adalah pencegahan dan minimalisir abuse. Tidak pernah ada bahasa program yang 100% tidak bisa dibobol, no body’s perfect! Apalagi html source, salah satu alasan utamanya ya browser itu sendiri.
Misal dari sisi javascript yang merupakan “bahasa terjemahan” eksekusinya membutuhkan source code dan browser harus bisa melihatnya, ya manusia juga bisa melihatnya. Html juga adalah client side, terjemahan browser user, bukan server side seperti php. Jadi tahu kan knp skr ga bisa 100% ngumpet?
Thank’s gan … siap dipraktekan
susah gan, gak bisa. klo hanya protek teks dan gambar saja bisa
Tp nyatanya, meskipun CTRL+U udah dimatiin, fungsi view page source masih bisa dibuka dengan nambahin view-source: di url. Apa ada trik yg bener2 totalitas matiin view page source. Anggap saja pengunjung blog-nya bukan newbie lagi.
Tidak ada yg 100% bisa disembunyikan sourcenya gan, ini berkaitan dengan engine blognya, server side, juga user side spt jenis browsernya. Dan itu semua kan gak bisa kita atur misal user harus pake browser X, terlebih perangkat yg umum dipakai ya kebanyakan free sehingga larinya ya open source.