Cara Membuat Bagian Postingan Tidak Bisa di Copy Paste Kecuali hanya Blockquote saja - Di pagi hari minggu yang cerah ini saya akan membagikan tutorial kepada bagaimana mengamankan artikel anda dari para copasser , tapi bagi anda yang blognya mengenai tutorial pasti script atau kode anti copy pasti tidak cocok buat blog anda . karena pengunjung tidak bisa mengcopy paste code dalam tutorial tersebut . Tapi anda jangan kwatir karena saya punya solusinya . kita akan membuat blog kita tetap tidak bisa di copas , namun hanya pada bagian tertentulah yang bisa kita copy paste seperti halnya kode pre , code , atau pun Blockquote . untuk demonya anda bisa lihat blog saya ini . :)
Berikut Cara Agar Postingan tidak Bisa di copas kecuali bagian tertentu
- Masuk bagian Template => Edit HTML
- Kemudian pilihlah bagian mana yang ingin anda agar tidak bisa dibuat copy paste . misalkan pada bagian postingan , maka carilah kode css
.post
.namun bila di template sobat tidak ada kode css seperti itu silahkan tambakan sendiri kode.post nya
- Setelah itu pasang css anti copas dibawah ini di dalam kode .post tersebut
-webkit-touch-callout:none;
Sehingga nanti kodenya penampakanya akan seperti ini
-webkit-user-select:none;
-khtml-user-select:none;
-ms-user-select:none;
-moz-user-select:none.post {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-ms-user-select:none;
-moz-user-select:none;
} - Disitu kita sudah bisa membuat postingan blog kita tidak bisa di copy paste , nah supaya postingan kita bisa di copas dibagian tertentu seperti Blockquote , pre atau sejenisnya maka kita harus mengubah none diatas menjadi text sehingga kurang lebih kodenya akan seperti ini
.post blockquote {
-webkit-touch-callout:text;
-webkit-user-select:text;
-khtml-user-select:text;
-ms-user-select:text;
-moz-user-select:text;
}NOTE:
Untuk menambahkan pada bagian lainya agar bisa di copy paste silahkan anda tambahi sendiri bagian tersebut , contohnya saya akan menambakan agar kode pre bisa di copas , maka kita tambahkan css .pos pre disamping kode .post blockquote dengan menambahkan tanda koma . sehingga kodenya css nya akan seperti ini.post blockquote,.pos pre {
Begitu juga pada halaman lainya anda buat sendiri seperti itu . :)
-webkit-touch-callout:text;
-webkit-user-select:text;
-khtml-user-select:text;
-ms-user-select:text;
-moz-user-select:text;
}
0 comments:
Posting Komentar