Agar Artikel Tidak Bisa Di Copy Paste Dengan CSS

Agar Artikel Tidak Bisa Di Copy Paste Dengan CSS - Memiliki blog yang bagus dan selalu terupdate dengan artikel-artikel yang berkualitas pasti akan menjadi rujukan bagi pemilik blog yang lainnya. Baik untuk mempelajari apa yang di bahas didalam blog tersebut, sekedar membaca isinya, atau sekedar meninggalkan komentar sebagai salah satu ciri khas dalam blogwalking. Dari sekian cara yang dilakukan pengunjung blog adalah kebiasaan lama yang mungkin tidak bisa hilang yaitu melakukan copy paste artikel, gambar, video, atau pun konten lainnya yang mungkin konten tersebut akan melengkapi konten atau artikel blog yang lainnya yang ada didalam blog mereka

Banyaknya pengunjung blog yang datang dengan berbagai sifat, sikap dan perilaku terkadang membuat khuatir bagi pemilik blog dan akhirnya memilih untuk melindungi semua atau sebagian artikel yang ada di blognya agar artikel tersebut tidak bisa di copy paste. Dan bagi sobat yang khawatir dengan artikel blog sobat dan ingin melindungi artikel tersebut, silahkan gunakan cara yang akan saya bahas berikut ini. Namun jika sobat menginginkan artikel blog sobat diberi password, silahkan baca Memasang password artikel blog

Untuk melindungi blognya agar artikel tidak bisa di copy paste, banyak yang menggunakan script anti copy paste, baik script yang berupa peringatan atau mematikan fungsi klik kanan pada mouse dan pada artikel ini saya menggunakan kode css agar artikel blog tidak bisa di copy paste yaitu dengan mematikan atau mendisable fungsi blog pada artikel yang dipilih menggunakan mouse atau dalam bahasa awamnya adalah Disable Text Selection

Daaann ternyata sudah banyak yang membahas tentang disbale text selection ini, saya sendiri menulisnya sesuai dengan ide saya sedangkan untuk sumbernya tidak mungkin saya tulis karena di Google sudah sangat banyak yang membahasnya. Nanti kalau saya tulis satu sumber, yang lainnya malah minta di tulis juga, namun yang pastinya tidak ada artikel yang sama seperti apa yang saya tulis ini karena saya menulis menggunakan kalimat dan bahasa saya sendiri. Kalau ada yang mengaku ada tulisan atau artikel yang sama dengan artikel ini, silahkan banding kemanapun

Perhatikan tampilan gambar berikut ini




Gambar diatas merupakan bentuk dari penerapan dari text selection yang saya buat sedemikian rupa. Ada 2 tampilan yang terdapat didalam gambar tersebut yaitu adanya artikel yang bisa di blok dan tidak bisa di blok. Sedangkan untuk DEMO langsung dari, saya menerapkan disable text selection ini pada 2 tulisan berikut ini

Gunakan mouse sobat untuk memblok 2 artikel berikut ini dan lihat hasilnya

1. Belajar ngeblog di all-trick-blogs.com ternyata mudah sekali
   
2. Hayoo ajak teman-teman sobat untuk belajar disini! Gratis loh....

Itulah cara kerja text selection, jika kita memblok sebuah artikel atau paragrap maka akan terpilih sesuai dengan keinginan dan kita bisa menyalin artikel yang telah dipilih tersebut. Namun jika kita mendisable text selection ini maka hasilnya akan seperti pada poin 1 atau pada gambar yang bergerak diatas. Dan dengan menghilangkan fungsi text selection tersebut maka artikel tidak bisa di copy paste secara langsung

Dengan menggunakan kode CSS dari Text Selection ini lah, kita bisa melindungi blog kita agar artikel tidak bisa di copy paste. Dan untuk menerapkannya kedalam blog, salin kode berikut ini kedalam kode template blog

.disable_text_selection {
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
}

Dan salin markup html berikut ini untuk memanggil fungsi dari kode CSS disable_text_selection diatas. Penempatan kode markup sesuai dengan keinginan, bisa di artikel atau pun di bagian sidebar blog

<div class="disable_text_selection">
Letakkan artikel blog disini agar tidak bisa di copy paste
</div>

Jadi dengan menggunakan kode CSS dengan menghilangkan fungsi text selection tersebut maka artikel tidak bisa di copy paste secara langsung. Memang cara ini sangat sederhana namun setidaknya masih membingungkan orang yang akan melakukan copy paste terhadap artikel blog kita