Seorang blogger itu kerjaannya pasti menulis artikel untuk mereka publish di blognya. Pekerjaan menulis itu bukan hal yang mudah dan instan, butuh proses/waktu yang cukup lama untuk membuatanya. Namun, banyak para blogger yang seenaknya menyalin artikel orang lain tanpa ijin lebih dahulu dan mereka publish ulang di blog mereka tanpa menyertakan sumbernya. Hal ini membuat orang geram, siapa yang tidak marah jika artikel yang mereka buat diambil seenaknya dan seolah - olah itu adalah tulisan mereka sendiri.
Baca : Cara Melaporkan Blog Copas Ke Google DMCAOleh karena itulah disini Saya akan berbagi mengenai memproteksi agar artikel tidak bisa disalin atau istilah lainnya copy - paste. Tutorial ini sangat sederhana, hanya mengandalkan CSS. Langsung, saja bagaimana caranya agar artikel blog tidak bisa disalin.
Proteksi Artikel Blog Agar Tidak Bisa Disalin
Silakan tambahkan css ini pada bagian mana Anda ingin agar teks tidak bisa disalin.-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none
Misalnya Saya ingin memproteksi teks agar tidak bisa disalin pada bagian .post-body
.
.post-body{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
Membatasi Teks Yang Bisa Disalin
Anda juga bisa membatasi pada bagian mana saja teks yang bisa disalin, tinggal menambahkan kode dibawah ini dan menambahkannya pada bagian mana Anda ingin menerapkannya.-webkit-touch-callout:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-o-user-select:text;user-select:text
Contohnya Saya memberi batasan pada tag blockquote
agar bisa disalin, sehingga menjadi seperti ini.
blockquote,.blockquote,pre,code,i{-webkit-touch-callout:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-o-user-select:text;user-select:text}
Itulah tutorial sederhana memproteksi artikel blog agar tidak bisa disalin dan juga membatasi pada bagian mana saja teks yang bisa disalin.
Komentar
Mas bisa Koreksi tampilan blog saya gak biar responsive apa nya yg saya hilang kan.. atau sudah pas kaya gitu mas. ane masih newbie mas..
Oiyaa mas dibagian Blog arcvive di blog saya koq gak bisa berfungsi baik ya..
Maaf merepotkan mas...
Nie Blog saya http://kadabrakukar7.blogspot.com
mohon pencerahannya mas..
Mau nanya lagi kang???
Cara nyisipkan gambar di samping Description yang di header blog tuw gimana kang..
maafkan masih newbie.. -_-"
:mrgreen: :oops:
Coba cari tutorial di google cara membuat autoreadmore tanpa javascript. Nah dari tutorial tersebut tinggal dikembangkan mau buat seperti apa, misalkan gambar ingin berada di samping deskripsi artikel :D
ane jg ga instan buat artikel, butuh waktu seminggu memikirkan artikel apa yg menarik yg mau ditulis. hehe
-keep blogging-
Makasih banyak ...
salam kenal...
<span class="link-download">https://www.tusfiles.net/hco4e9mxxxx</span>
Supaya link download dapat disalin, pada css menjadi seperti ini.
.link-download{-webkit-touch-callout:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-o-user-select:text;user-select:text}
jangan lupa berkomentar balik di blog sya !!
neubi
jsfiddle*net/librayanada/6datrq14/
tanda bintang nya diganti dgn tanda titik
Silakan berkomentar sesuai dengan topik. Jangan menyisipkan link pada komentar dan jangan sampai komentar Anda masuk komentar SPAM.
Jangan salahkan Saya bila komentar Anda dihapus !