-->

Cara Membuat Artikel (Postingan) Tidak Bisa Dicopy Paste, Tapi Blockquote Bisa


Kali ini Saya akan memberitahu Cara Membuat Bagian Postingan Tidak Bisa Dicopy Paste, Kecuali Blockquote.
Pernahkah Anda merasa jengkel kepada tukang copy paste artikel Anda, akhirnya Anda buatlah CSS atau script agar artikel Anda aman dari orang yang tidak bertanggung jawab. Namun sayangnya ketika Anda buat CSS anti copy paste, walaupun javascript dimatikan tetap tidak bisa dicopy paste dan ketika ada orang yang benar-benar ingin copy script yang ada pada blog Anda, orang tersebut kesal. Nah, untuk itu setiap Anda membuat artikel tutorial letakkanlah script tutorial Anda pada blockquote, supaya Anda bisa menggunakan CSS yang hanya bisa copy scriptnya, tanpa bisa meng-copy tulisan artikelnya.

Cara Membuat Artikel (Postingan) Tidak Bisa Dicopy Paste, Tapi Blockquote Bisa

Berikut cara agar postingan tidak bisa dicopas, kecuali bagian tertentu

  • Pastikan sudah login blogger
  • Pilih Template → Edit HTML
  • Kemudian buatlah CSS anti copas postingan, seperti di bawah ini :

.post {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-ms-userselect:none;-moz-user-select:none;}

Supaya postingan kita bisa dicopas di bagian tertentu seperti blockquote, pre atau sejenisnya, maka kita harus mengubah tulisan none 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;}

Perhatian !

Untuk bagian lainnya agar bisa di-copy paste, seperti kode pre, maka tambahkan CSS .post pre di samping kode .post blockquote dengan menambahkan tanda (,) seperti di bawah ini :

.post blockquote, .post pre {-webkit-touch-callout:text;-webkit-user-select:text;-khtml-user-select:text;-ms-user-select:text;-moz-user-select:text;}

Semoga Bermanfaat !
", numPosts: 8, titleLength: "auto", thumbnailWidth: 250, thumbnailHeight: 170, noImage: "//3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w255-h170-c/no-image.png", containerId: "related-post-1917445423998169975", newTabLink: false, moreText: "Read More", widgetStyle: 3, callBack: function() {} };

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel