Memasang Anti Copy Paste Dengan CSS Secara Otomatis Dan Fleksibel - Penggunaan anti copy paste dengan menggunakan css secara otomatis dan fleksible, css untuk anti copy paste lebih baik digunakan daripada menggunakan anti copy paste javascript, selain ringan anti copy paste dengan css juga bisa dibuat fleksible.
Penggunaan propertinya sama seperti postingan anti copy paste secara manual pada postingan kemarin, karena penggunaan secara manual kita perlu menambahkan
class yang kita tentukan untuk bagian-bagian tertentu untuk diberikan anti copy paste, bisa dibilang fleksible juga karena kita bisa memilih bagian-bagian tertentu untuk diberikan anti copy paste.
Otomatis
Untuk memperbaiki dan mempermudah dalam memberikan anti copy paste dalam segi penulisan sebuah posting blog (tidak manual lagi), kita langsung arahkan
class pada posting blog, class tersebut biasanya menggunakan
.post atau
.post-body, class tersebut hanya secara umum dan mungkin penggunaan class posting dalam blog kalian berbeda, jadi kita perlu mengetahui class ruang posting dalam template yang kalian pergunakan.
Sebagai asumsi kita menggunakan class yang secara umum dipergunakan dalam berbagai template blogger seperti yang disebutkan diatas.
Css adalah
.post, .post-body {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
Dengan css tersebut, secara otomatis semua dalam
.post dan .post-body (ruang postingan) akan tidak dapat di copy paste.
Fleksible
Walaupun semua dalam ruangan postingan tidak dapat di copy paste, kita bisa memberikan pengecualian terhadap tag-tag tertentu, sebagai contoh
tag-tag yang biasa dipergunakan untuk membungkus sebuah koding yang biasa kita bagikan seperti
tag pre atau
tag code atau bahkan
tag blockquote.
Tidak menutup kemungkinan selain sebuah tag, kita juga bisa memberikan pengecualian terhadap
class atau id yang dipergunakan dalam ruang posting.
Sebagai contoh tag yang biasa dipergunakan dan bisa di kecualikan seperti tag pre, tag code ataupun tag blockquote untuk bisa di copy paste adalah sebagai berikut.
Cssnya Adalah
.post blockquote, .post pre, .post code, .post-body blockquote, .post-body pre, .post-body code {
-webkit-touch-callout: text;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
}
Ya sudah selesai kita tinggal simpan css tersebut dibawah
<b:skin><![CDATA[ atau diatas
]]></b:skin>
.post, .post-body {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.post blockquote, .post pre, .post code, .post-body blockquote, .post-body pre, .post-body code {
-webkit-touch-callout: text;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
}
Untuk pengecualian supaya bisa dicopy paste, itu merupakan hanya contoh, kalian bisa menentuan sendiri tag class atau id yang kalian inginkan di keculikan.
Semoga mudah untuk dipahami dan bermanfaat.
