Cara Membuat Artikel Blog Tidak Bisa di Copy Paste Orang Lain

Pada kesempatan kali ini, Gubuk Pintar akan berbagi cara membuat artikel blog tidak bisa di Copy Paste oleh orang lain.

Ini merupakan cara yang dapat kamu gunakan untuk mencegah adanya plagiarisme terhadap hasil tulisan mu.

Menggunakan cara ini akan membuat hasil copy paste artikel bukan berupa konten artikel tetapi pesan yang dapat kamu atur kepada orang yang akan melakukan copy paste tersebut. Lebih jelasnya akan Gubuk Pintar contohkan pada bagian selanjutnya dari artikel ini.

 

Daftar Isi

Cara Membuat Artikel Blog Tidak Bisa di Copy Paste     Menggunakan CSS     Menggunakan JavaScript Hal Yang Harus Diperhatikan Ketika Menonaktifkan Fitur Copy Paste Dengan CSS/JavaScript Penutup

 

 

 

Cara Membuat Artikel Blog Tidak Bisa di Copy Paste

Ada beberapa cara yang dapat kamu lakukan agar artikel blog tidak bisa di copy paste. Berikut ini beberapa metode yang Gubuk Pintar rekomendasikan,

 

Menggunakan CSS

Cara pertama yang dapat kamu lakukan adalah dengan mematikan fitur seleksi teks dari artikel blog mu. Cara ini sejatinya cukup mudah karena hanya menggunakan CSS saja tetapi kamu harus mengetahui ID Tag dari body teks blog mu terlebih dahulu.

 

Berikut ini langkah melakukannya,

1. Buka Edit HTML Tema blog mu
   
   
2. Letakkan kode berikut ini di atas </head> atau </head>
   
   

   <style type='text/css'>
   post-body{display:block;
   -khtml-user-select:none;
   -webkit-user-select:none;
   -moz-user-select:none;
   -ms-user-select:none;
   -o-user-select:none;
   user-select:none;
   unselectable:on;}
   </style>

   
   
3. Simpan Tema
   

Apabila hanya menggunakan CSS diatas, kamu akan membuat seluruh isi artikel mu tidak bisa diseleksi. Ketika kamu ingin memberikan toleransi, contohnya bagian quotes dari artikel untuk bisa di copy paste, maka kamu harus mengatur kode CSS baru dengan mengganti ID Tag nya.

 

Contohnya, apabila ID Tag dari post body blog mu adalah post-body dan untuk Quotes pada artikel adalah post-body quotes maka kamu harus menambahkan kode diatas menjadi seperti berikut ini,

 

<style type='text/css'>
post-body{display:block;
-khtml-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
unselectable:on;}

post-body quotes{display:block;
-khtml-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
unselectable:on;}
</style>

Contoh penerapan metode ini dapat kamu lihat pada JSFiddle berikut ini,

 

Demo

 

Baca Juga: Cara Membuat Progress ScrollBar di Blogger

Menggunakan JavaScript

Berbeda dengan cara sebelumnya, cara yang satu ini tetap memungkinkan teks untuk di seleksi tetapi kita memodifikasi fitur copy yang dilakukan terhadap teks. Efek copy terhadap teks tidak akan memunculkan isi konten tetapi pesan yang telah dikita atur.

Berikut ini langkah-langkah melakukannya,

1. Buka Edit HTML Tema blog
   
   
2. Letakkan kode berikut ini di atas kode </body> atau </body>
   
   

   <script type='text/javascript'>
   //<![CDATA[
   document.addEventListener('copy', function (e){
       e.preventDefault(); 
    e.clipboardData.setData("text/plain", "Tidak Untuk di Copy-Paste! Apabila ingin menulis ulang artikelnya, mohon cantumkan link sumber berikut ini "+window.location.href+" Terima kasih.");
   })
   //]]>
   </script>

   Kamu bisa merubah pesan yang ditandai sesuai keinginanan mu, ini adalah pesan yang akan muncul ketika seseorang melakukan copy paste terhadap artikel blog mu.
   
   Kode +window.location.href+ berfungsi untuk memunculkan link dari artikel, kamu bisa menghapusnya bisa tidak membutuhkan.
   
   
3. Simpan Tema
   

Contoh penerapan metode ini dapat dilihat pada JSFiddle berikut ini,

Demo

Baca Juga: Cara Membuat Tanda Centang (√) di Judul Artikel Blog

Hal Yang Perlu Diperhatikan Ketika Menonaktifkan Copy Paste Dengan CSS/JavaScript

Kamu perlu tahu bahwa setiap browser memiliki pengaturan JavaScript nya masing-masing dan memberikan keleluasaan kepada pengguna untuk mengaktifkan atau menonaktifkannya. 

 

Nah, karena cara diatas menggunakan JavaScript/CSS, maka cara diatas menjadi tidak bekerja ketika pengguna menonaktifkan fitur JavaScript di browser yang digunakannya. Namun jangan takut, memangnya seberapa banyak orang yang mengetahui hal ini? tentu tidak banyak kan.

Selain itu, setiap penambahan JavaScript dan CSS bisa meningkatkan ukuran HTML dari tema blog mu yang berakibat pada paket data yang dibutuhkan untuk mengaksesnya lebih besar. Ini tidak baik, terutama jika tema yang kamu gunakan sudah memiliki ukuran yang terlalu besar.

Untuk mengatasi hal ini, kamu bisa menggunakan melakukan kompresi terhadap JavaScript atau CSS diatas menggunakan CSS Minifier. Salah satu alat CSS Minifier GRATIS yang dapat kamu gunakan adalah milik Gubuk Pintar. Klik tombol berikut ini untuk menggunakannya,

CSS Minifier Gubuk Pintar

Baca Juga: Cara Membuat Tombol Show Hide Komentar di Blogger

Penutup

Seperti itulah cara membuat artikel blog tidak bisa di copy paste oleh orang lain. Bahaya plagiasi memang tinggi mengingat sudah semakin banyak orang yang aktif membuat blog tetapi tidak diselingi oleh komitmen menulis dan kejujuran yang tinggi. Semoga ini bisa membantu mu menghindarinya ya.

***

Apabila memiliki pertanyaan seputar artikel Cara Membuat Artikel Blog Tidak Bisa di Copy Paste, silahkan tulis dikolom komentar ya.

Bila artikel ini bermanfaat, bantu Gubuk Pintar menyebarkan manfaatnya dengan membagikan artikel ini ke sosial media mu melalui tombol share di bawah ini. Terimakasih orang baik!

Baca juga: