KODE CSS ANTI COPY PASTE

KODE CSS ANTI COPY PASTE – Bagaimana cara membuat artikel postingan yang anti copy paste ? Kontent adalah segalanya, kontent adalah raja, lalu kalo ada yang kopas gimana? inilah masalahnya. Berikut kode css yang bisa dibilang sangat simpel untuk mencegah artikel postingan di copy paste.

anti copy paste
anti copy paste

Pasanglah kode css anti copy paste berikut pada kode class div yang tidak ingin di copy paste

/* kode css anti copy paste */
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;

Pada dasarnya kode diatas berfungsi untuk melarang user mem block/select tulisan yang ada pada class div tertentu. Otomatis kalo tidak bisa di select maka tentu saja tidak bisa di copy paste.
Akan tetapi bagi blog yang isinya tutorial ini sangat tidak disarankan untuk memasang kode anti copy paste, karena isi dari blog tersebut kebanyakan kode css dan kode javascript yang akan di copas oleh para pembaca. Solusinya adalah memasang kode penetralnya yaitu dengan menggunakan kode css

/* kode css penetral anti copy paste */
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-o-user-select: text;
user-select: text;

TUTORIAL CARA MEMASANG SCRIPT ANTI COPY PASTE
1. Log in blogger > Template > Edit HTML > Proceed
2. Pilih class yang akan dipasang kode anti copy paste misalkan .post
3. Masukan kode penetral pada class yang biasa digunakan untuk menulis kode css, javascript, dll misalkan .blockquote atau .pre
4. Setelah itu klik save

Note: Ternyata kode penetral belum berfungsi di browser mozilla

Demikian cara membuat KODE CSS ANTI COPY PASTE yang simpel dan tidak membutuhkan kode javascript apapun. Semoga bisa mempercantik tampilan blog dan menambah keamanan isi dari postingan di dalamnya.

Leave a Reply

Your email address will not be published. Required fields are marked *

No Live Link Please! and Leave a Relevant Comment