CSS Anti Copy Paste Dengan Display Block

Sedikit intro CSS (Cascading Style Sheet )  merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Sedangkan Anti Copy Paste ialah kode mengenai bagaimana cara mengendalikan suatu halaman website atau blog agar menonaktifkan fungsi blocking pointer text, sehingga dapat mencegah copy paste artikel post tanpa seizin penulis dan tidak memperlambat loading blog. Dengan metode CSS ini lebih efektif  dibandingkan dengan menggunakan Javascript yang mendisable right click, namun ketika menggunakan short cut keyboard CTRL + A kemudian copy (CTRL + C), atau mematikan terlebih dahulu option enable/disable javascript pada settingan browser. Ok ane kira cukup intronya.
Lansung aja ke caranya. CSS ini berlaku untuk Wordpress dan Blogger (yang pernah ane coba :D)

1. Wordpress : Appearance – Editor - Stylesheet (style.css)
   Blogger : Design - Edit HTML - Expand Widget
2. Cari kata .post{
   jika hanya untuk bagian contentnya saja kemudian copy kan css berikut

display:block;
-khtml-user-select: none; 
-moz-user-select: none;
-o-user-select: none;
user-select: none;
unselectable:on;

3. Kemudian Simpan

Sebenarnya CSS ini masih memiliki celah ketika bertemu dengan browser Internet Explorer. karena tidak ada dispaly block untuk IE, analisanya moz kepanjangan dari kode mozila, khtml diadopsi dari safari dan o-user dari opera browser atau apa ya? dan value 'none' sudah tentu merupakan cara untuk menonaktifkan suatu fungsi CSS seperti halnya dalam episode tips menghilangkan widget sidebar. Selanjutnya dengan menggunakan  teknologi  maka CSS diatas saya coba sederhanakan dengan memasukan CSS tersebut ke dalam post-body untuk menghemat sedikit space load dibanding dengan javascipt. Dan untuk Copaser sebaiknya sertakan link sourcenya. ~_~. Indahnya berbagi 

©2012Abdiezs Blog

Click to Print This Page

Artikel terkait :

Anda sedang membaca artikel CSS Anti Copy Paste Dengan Display Block dengan url http://blog-abdiezs.blogspot.com/2012/02/css-anti-copy-paste-dengan-display.html . Silahkan baca artikel lainnya di Abdiezs Blog . Terima Kasih.

About Abdiezs
Tentang saya follow di Twitter , Google+ and blog . Respon ke CSS Anti Copy Paste Dengan Display Block Silahkan Anda berkomentar mengenai artikel yang telah anda baca, gunakan bahasa yang baik, sopan, dan sesuai etika berkomentar. Dapat berupa pertanyaan, masukan, pendapat, dan Tidak SPAM. Hindari Duplikat komentar. Terimakasih.