Agar Artikel Tidak Bisa Di Copy Paste Dengan CSS - Memiliki blog yang bagus dan selalu terupdate dengan artikel-artikel yang berkualitas pasti akan menjadi rujukan bagi pemilik blog yang lainnya. Baik untuk mempelajari apa yang di bahas didalam blog tersebut, sekedar membaca isinya, atau sekedar meninggalkan komentar sebagai salah satu ciri khas dalam blogwalking. Dari sekian cara yang dilakukan pengunjung blog adalah kebiasaan lama yang mungkin tidak bisa hilang yaitu melakukan copy paste artikel, gambar, video, atau pun konten lainnya yang mungkin konten tersebut akan melengkapi konten atau artikel blog yang lainnya yang ada didalam blog mereka
Banyaknya pengunjung blog yang datang dengan berbagai sifat, sikap dan perilaku terkadang membuat khuatir bagi pemilik blog dan akhirnya memilih untuk melindungi semua atau sebagian artikel yang ada di blognya agar artikel tersebut tidak bisa di copy paste. Dan bagi Anda yang khawatir dengan artikel blog Anda dan ingin melindungi artikel tersebut, silahkan gunakan cara yang akan saya bahas berikut ini. Namun jika Anda menginginkan artikel blog Anda diberi password, silahkan baca Memasang password artikel blog
Untuk melindungi blognya agar artikel tidak bisa di copy paste, banyak yang menggunakan script anti copy paste, baik script yang berupa peringatan atau mematikan fungsi klik kanan pada mouse dan pada artikel ini saya menggunakan kode css agar artikel blog tidak bisa di copy paste yaitu dengan mematikan atau mendisable fungsi blog pada artikel yang dipilih menggunakan mouse atau dalam bahasa awamnya adalah Disable Text Selection
Daaann ternyata sudah banyak yang membahas tentang disbale text selection ini, saya sendiri menulisnya sesuai dengan ide saya sedangkan untuk sumbernya tidak mungkin saya tulis karena di Google sudah sangat banyak yang membahasnya. Nanti kalau saya tulis satu sumber, yang lainnya malah minta di tulis juga, namun yang pastinya tidak ada artikel yang sama seperti apa yang saya tulis ini karena saya menulis menggunakan kalimat dan bahasa saya sendiri. Kalau ada yang mengaku ada tulisan atau artikel yang sama dengan artikel ini, silahkan banding kemanapun
Perhatikan tampilan gambar berikut ini
Gambar diatas merupakan bentuk dari penerapan dari text selection yang saya buat sedemikian rupa. Ada 2 tampilan yang terdapat didalam gambar tersebut yaitu adanya artikel yang bisa di blok dan tidak bisa di blok. Sedangkan untuk DEMO langsung dari, saya menerapkan disable text selection ini pada 2 tulisan berikut ini
Gunakan mouse Anda untuk memblok 2 artikel berikut ini dan lihat hasilnya
Dengan menggunakan kode CSS dari Text Selection ini lah, kita bisa melindungi blog kita agar artikel tidak bisa di copy paste. Dan untuk menerapkannya kedalam blog, salin kode berikut ini kedalam kode template blog
Banyaknya pengunjung blog yang datang dengan berbagai sifat, sikap dan perilaku terkadang membuat khuatir bagi pemilik blog dan akhirnya memilih untuk melindungi semua atau sebagian artikel yang ada di blognya agar artikel tersebut tidak bisa di copy paste. Dan bagi Anda yang khawatir dengan artikel blog Anda dan ingin melindungi artikel tersebut, silahkan gunakan cara yang akan saya bahas berikut ini. Namun jika Anda menginginkan artikel blog Anda diberi password, silahkan baca Memasang password artikel blog
Untuk melindungi blognya agar artikel tidak bisa di copy paste, banyak yang menggunakan script anti copy paste, baik script yang berupa peringatan atau mematikan fungsi klik kanan pada mouse dan pada artikel ini saya menggunakan kode css agar artikel blog tidak bisa di copy paste yaitu dengan mematikan atau mendisable fungsi blog pada artikel yang dipilih menggunakan mouse atau dalam bahasa awamnya adalah Disable Text Selection
Daaann ternyata sudah banyak yang membahas tentang disbale text selection ini, saya sendiri menulisnya sesuai dengan ide saya sedangkan untuk sumbernya tidak mungkin saya tulis karena di Google sudah sangat banyak yang membahasnya. Nanti kalau saya tulis satu sumber, yang lainnya malah minta di tulis juga, namun yang pastinya tidak ada artikel yang sama seperti apa yang saya tulis ini karena saya menulis menggunakan kalimat dan bahasa saya sendiri. Kalau ada yang mengaku ada tulisan atau artikel yang sama dengan artikel ini, silahkan banding kemanapun
Perhatikan tampilan gambar berikut ini
Gambar diatas merupakan bentuk dari penerapan dari text selection yang saya buat sedemikian rupa. Ada 2 tampilan yang terdapat didalam gambar tersebut yaitu adanya artikel yang bisa di blok dan tidak bisa di blok. Sedangkan untuk DEMO langsung dari, saya menerapkan disable text selection ini pada 2 tulisan berikut ini
Gunakan mouse Anda untuk memblok 2 artikel berikut ini dan lihat hasilnya
- Belajar ngeblog di Panduantemplateblog.com ternyata mudah sekali
- Hayoo ajak teman-teman Anda untuk belajar disini! Gratis loh....
Dengan menggunakan kode CSS dari Text Selection ini lah, kita bisa melindungi blog kita agar artikel tidak bisa di copy paste. Dan untuk menerapkannya kedalam blog, salin kode berikut ini kedalam kode template blog
.disable_text_selection {
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
}<div class="disable_text_selection">
Letakkan artikel blog disini agar tidak bisa di copy paste
</div>
tips yan oke sekali nih mbak, tapi kalau lewat view-source masih bisa dicopy mbak
BalasHapusiya mas tapi setidaknya masih membingungkan copaser :P
Hapusbiar lebih manteb lagi, sekalian pasang script anti view-source ya mbak, biar tambah bingung tu copaser :D
HapusBetul juga yang Kang Ucup katakan, sekalian saja deh kedua script itu saya minta dari Mbak Ana ya.. ijin ambil kode script nya Mbak. terima kasih :)
Hapushehe, tolong di share kang cupp gimana caranya...secara saya itu kan orangnya ndak mudeng soal ginian.
HapusKalo yang lebih praktis ada gak? wah saya belum lulus masalah css hehe
HapusKang Ucup @ kalau untuk script anti view-source, selama ini saya belum pernah tahu mas khususnya untuk Blogger tapi kaua untuk WP bisa, namun untuk Blogger sendiri ada triknya
HapusIqrozen @ kode diatas sudah praktis mas :)
Saya akan coba lagi trik artikel ini yah Mbak Ana makasih :-bd
HapusSelamat Malam Mbak Ana. menarik nih tutorialnya, blog saya belum pakai anti copy nih Mbak
BalasHapusIjin coba ya Mbak biar artikel saya aman, jika perlu script view source sekalian pasang makasih Mbak Ana atas ilmu dan pengetahuan ini. salam sukses :) :-bd
silahkan mas, kalau untuk script anti view-source seperti yang telah saya jelaskan pada komentar diatas itu mas :)
Hapusmudah yah supaya artikel tidak bisa di copy, kalau saya mah cuma di non aktifin saja klik kanan nya, kalau mau ada yg mau copy takut gak bisa...
BalasHapusiya mas, kalau untuk klik kanan memiliki fungsi secara keseluruhan, pada code diatas masih bisa difungsikan secara pengecualian pada artikel tertentu
HapusSangat bermanfaat buat para blogger.....
BalasHapusiya mbak Yuni, semoga bermanfaat
Hapusartikel di blog saya memang sengaja saya gembok, soalnya dulu pernah pengalaman hampir semua artikel di blog saya yang terdahulu di copas oleh banyak blog jadi blog saya ditendak oleh mbah gogel...bukan apa2 sih, sebetulnya ndak masalah, malah saya sangat senang sekali blog saya menjadi tempa rujukan berbagai hal, tapi juga harus ada aturannya, karena itu juga merugikan...hehehe trimakasih mbak untuk informasinya :)
BalasHapusiya mas memang lebih baik seperti itu, karena sebagai pemilik artikel blog, kita pasti kewalahan menghadapi para copaser..
Hapussama-sama mas.. :)
iya mbak... salam hangat di malam yang cerah...kok belum update lagi...sibuk ya :D
HapusSaya kurang suka dengan blog yang tidak bisa di kopas jika itu masalah Kode HTML apa lagi tentang mata kuliah yaa sudah langsung di close. Jangan lupajoin this site blog saya ya mba Please blogarifmaulana.blogspot.com
BalasHapusiya mas, kalau untuk blog dengan topik tutorial memang tidak boleh menggunakan anti copas
HapusWaduh bingung Neng mah...
BalasHapustidak usah bingung-bingung Neng, yang penting tetep happy balogging aja :)
Hapustapi nggak dipasang ya diblognya mba ana :D
BalasHapusmasih bebas copas
kalau blog saya memang bebas untuk di copas mas, tapi dengan syarat dan ketentuan yang berlaku :)
Hapussaya tidak memasang dulu, hahahha
BalasHapusnanti mungkin
okey mas, silahkan.. semoga bermnafaat
Hapuskembali mbak, berkunjung lagi, ahhahaa
Hapuswahhh kebetulan saya udah pasang skrip anti copy paste mbak tapi bukan yang css hehe boleh juga nihh tipsnya saya izin Bungkus yahh :)
BalasHapuskalau untuk script memang lebih memiliki banyak variasi mas dari pada yang CSS,, silahkan di bungkus mas, saya bungkusin satu ya... pecel lele pedes :D
Hapusterimakasih tutorial mengenai artikel kopas mengkopas, curi mencuri yang banyak di lakukan...termasuk saya ngga ya?
BalasHapuscari waktu senggang buat praktekin tutorialnya ah
terimakasih juga mas, kalau menurut saya sich boleh-boleh saja copas tapi harus mengerti juga dengan apa yang telah diatur didalam blog tersebut.. seperti blog saya ini, silahkan di copas asalkan menyertakan linknya jika artikel tidak diedit atau mengubah keseluruhan artikel dan tanpa link credit :)
Hapussilahkan mas..
bagus juga nih.. mksh
BalasHapusiya mas, silahkan kalau mau di coba di bognya mas Rama :)
Hapusini pasti saya coba bu...
HapusSaya pernah cuba fungsi yang sebegini tapi tidak melalui kaedah CSS.
BalasHapusMungkin yang diajari di sini ( kaedah CSS ) akan berfungsi lebih mantap.
Terima kasih untuk perkongsian ilmunya .
terimakasih kak Lynn, dengan menggunakan css semestinya lebih mudah digunakan dan lebih ringan untuk blog...
HapusBoleh juga dicoba kpn2 nie :)
BalasHapussilahkan mas Lukman.. :)
HapusSaya masih belum berniat untuk memasangnya, saya simpen dulu ya mbak. Mungkin lain kali akan saya pasang
BalasHapussilahkan mas Rahman disimpan dulu, semoga memberikan manfaat..
Hapusbisa di coba ini mbak, biar tidak ada lagi yang copaser :D
BalasHapusbenar mas Agung, dengan kode diatas bisa mencegah copy paste terhadap artikel blog kita..
Hapuskasian copaser, jadi sulit beraksi
BalasHapushehehee.. mau bagaimana lagi mbak.. kalau dibiarin mereka tambah menjadi-jadi..
Hapuswah boleh di coba nih, apa lagi artikel kita murni dari kita terus do copas orang, kan rugi banget.
BalasHapusiya mas benar, untuk itulah dengan adanya kode diatas, kita bisa mencegah para copaser...
Hapuskapan-kapan bisa dicoba ni,,terima kasih mbak informasinya,,sangat bermanfaat sekali ini :)
BalasHapusharus dcoba nih :)
BalasHapusBisa mengurasi aksi copas nih.
BalasHapusSebenarnya copy paste boleh aja, asal jgn 100% bulat di copas. Apalagi gk dicantumkan sumber ya..
Bisa mengurangi aksi copas nih.
BalasHapusSebenarnya copy paste boleh aja, asal jgn 100% bulat di copas. Apalagi gk dicantumkan sumbernya ya..
Wah, penting nih.
BalasHapusKunjungan Rutin dengan setia Mbak Ana. simak dan baca lagi artikel yang membahas artikel yang tidak bisa di copy.. saya sudah coba menerpkanya nya Mbak. namun blog saya agak berat ada solusi mengatasi load pada blog saya Mbak Ana..? makasih sebelumnya :)
BalasHapuskode diatas tidak memberatkan loading blog mas dan tidak berpengaruh terhadap tampilan blog karena kode diatas hanya mematikan fungsi text selection pada masing-masing browser
HapusTerima Kasih Infonya.
BalasHapusSalam Pemula.