Anti Copy Paste Dengan CSS

Copy paste, merupakan salah satu kelakuam tidak terpuji dalam dunia blogger. Namun hal tersebut dapat ditoleransi kalau sang pencuri artikel masih mau menyebutkan sumber ari artikel tersebut. Biasanya ini dilakukan oleh blogger pemula yg belum mengerti apa apa, dan biasanya juga kegiatan plagiat ini kebanyakan dilakukan para blogger yang memiliki blog bertema brita ataupun info-info unik lainya selain tutorial.
Nah, untuk menghindari kelakuan tidak terpuji tersebut, banyak blogger yang ingin melindungi konten/artikel mereka seperti dengan menggunakan JavaScript untuk mendisable klik kanan dan keyboard seperti Ctrl+C, Ctrl+A dll, tetapi itu masih bisa diakali dengan mendisable content javascript pada web browser kita.
Tapi kali ini yang kita lakukan bukanlah meletakkan JavaScript yang notabenya dapat memberatkan loading blog kita, melainkan memberikan sedikit bumbu CSS di dalam postingan kita.

DEMO

Paragraf 1, bisa di seleksi dan di copy

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.

Paragraf 2, tidak bisa di seleksi dan di copy

Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum.

Berikut adalah cara melindungi artikel dengan menggunakan CSS
Saat kamu membuat post, gunakan mode HTML bukan Compose. Lalu susun kode seperti ini

 
<style>
.do-not-copy {
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
</style>
<div class="do-not-copy"> Isi artikel yang ingin anda lindungi 
dari kegiatan memalukan plagiat, artikel ini tidak bisa di seleksi 
ataupun di copy </div> 

Itulah sedikit tips bagaimana cara untuk melindungi artikel website kita agar tidak di copy oleh orang lain. Semoga bermanfaat.
"Mulailah berusaha untuk menulis artikel dan hindari kegiatan plagiat, karena kita menghargai kerja keras seseorang yang memberikan informasi yang sangat bermanfaat untuk kita" 

Sumber Kode : http://www.tutorial-webdesign.com