Blog Personal tentang tips Blogging dan Internet

Proteksi Artikel Blog Agar Tidak Bisa Disalin

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 DMCA

Copy Paste

Oleh 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.

Berlangganan : Masukan e-mail Anda untuk mendapatkan kiriman artikel terbaru dari Kang Mousir langsung di pesan kotak masuk.

feedburner

60 Komentar untuk "Proteksi Artikel Blog Agar Tidak Bisa Disalin"

Dedy Al-Bugizy

Kerenn Mempesona Kang .... :twisted: :-d

Dedy Al-Bugizy

Kang saya udah Pake Template nya di Modifi sedikit tata letak nya..
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..

Mas Almaliki

Bermanfaat mas thx infonya, tapi aku gak mau make biarin aja berbagi itu indah kok ehheehehh tapi klo udah kelewatan tinggal di laporin aja heehheehhe

santika fadilah

sudah diterapkan kang.. trims ya..

Kang Mousir

Silakan dibawa pulang ke rumah pertamaxnya :D

Kang Mousir

Tinggal dirapihkan, oh ya untuk archive memang tidak berfungsi karena efek dari validasi HTML5 :)

Kang Mousir

Iya sih, tapi kalau udah kelewatan jangan kasih ampun laporin aja ke DMCA biar dihapus artikelnya :D

Didin Ajidin

thanks kang,Bisa dicoba, namun sepertinya cara diatas masih bisa di jebol jika si tukang kopas ngerti css, tiggal inspek elemen dan unchek pada kode css diatas, semuanya bisa nonaktif... dengan javascript pun sepertinya bisa juga dengan menonaktifkan js pada browser, tapi lumayan lah memperlambar tukang kopas biar tidak secara langsung seenaknya ngopi paste artikel orang

Dedy Al-Bugizy

Kang Mousir yang tampan rupawan.. hahaha
Mau nanya lagi kang???

Cara nyisipkan gambar di samping Description yang di header blog tuw gimana kang..
maafkan masih newbie.. -_-"

:mrgreen: :oops:

D-Ost Ndeso

terima kasih maz udah bagiin ilmunya... :)

Seruserubanget SSB

ane jg dlu pernah masang script anti copas sob, tp ane copot lg coz bnyk cara utk mengatasi anti copas..
ane jg ga instan buat artikel, butuh waktu seminggu memikirkan artikel apa yg menarik yg mau ditulis. hehe
-keep blogging-

Kang Mousir

hehe iya sih cara seperti ini masih bisa dijebol, ya setidaknya buat para pemula blog agar tidak menyalin artikel orang seenaknya. Kalau blogger emang susah buat proteksi, kalau mau copas seluruh artikel di blog juga bisa lewat RSS langsung dalam beberapa detik juga udah dicopas semua hehe

Kang Mousir

haha Saya emang tampan :lol:
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

Kang Mousir

Ini buat jaga - jaga aja, biar para blogger pemula gak seenaknya copas artikel orang lain hehe. Iya, buat artikel juga butuh waktu, paling lama itu ide buat artikelnya haha :D

Kharisma Adzana

cara laporin ke DMCA gimana gan??

Ika Nurhidayah

wah, makasih banyak kang artikelnya sangat membantu, blog kang mousir banyak membantu dalam pembangunan blog saya hehehehe makasih kang

Mohammad Fanirifanto

Wah .. ini lengkap banget Kang ... :)
Makasih banyak ...

Kang Mousir

Mudah kok, coba googling :). Insyallah kalau ada kesempatan Saya buatkan artikelnya :D

Kang Mousir

sama - sama, senang bisa membantu :D

Dedy Al-Bugizy

Kang Mousir yang baik hati nya mohon share lagi dong :roll:

Kok Google Page Rank saya masih berstatus N/A

Udah sya coba dari ngutak ngatik Webmaster Tool dll. tetap aja gak berubah2 sampe sekarang udah hampir 1 bulan :(

mohon bantuan nya mas...

Kang Mousir

Sekarang Gogle Page Rank Udah mati, terakhir update Desember 2013. Jadi jangan pikirkan Page Rank. Sekarang yang jadi faktor penentu ranking adalah DA dan PA suatu blog atau website :) Page Rank punya Saya juga N/A :D

Admin Rungan

mantap kang, masih proteknya, luar biasa ini

Hary Wardiansyah

wah mntab mas ,. saya ijin bookmark dlu kang . trims

BaguZ Pratama

terimakasih gan sangat membantu,
salam kenal...

Reza Fahlevi

haha jadi keinget, waku masih pemula , buat blog copas artikel orang lain seenaknya tetapi yang pas udah agak ngerti perasaan malas, copas artikel orang lain pun muncul :D

Bintang Share

Salam kenal kang. Mau tanya, kalau yang boleh disalin itu hanya link download di blog saya, pakenya kode yang mana? Nuhun sebelumnya.

Kang Mousir

haha iya awal - awal ngeblog pertama Saya juga gitu suka copas artikel orang lain, sekarang kebiasan buruk tersebut mulai ditinggalkan :D

Kang Mousir

Bearti link download nya harus diberi class khsusus, misalkan link downloadnya
<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}

jun cikal

Kang kalo foto profil akang itu gimana cara buatnya ? ada gk yang lain :D buat saya minta ..
jangan lupa berkomentar balik di blog sya !!

Sulaidi Hasibuan

kang ini nempatin kode cssnya dimana?? ane bingung
neubi

Kang Mousir

wkwkw itu bukan foto Saya dapet dari Internet :v

Kang Mousir

Diantara kode - kode CSS yang sudah ada di template punya mu :)

Ika Nurhidayah

kang saya memakai template sang seo , jika sya menerapkan cara di atas, apakah tidak mengganggu kinerja blog saya ?

Sulaidi Hasibuan

Ane belom ngerti gan, maklum hehehh :D
Maksudnya kang dimana?? apakah di atas kode "" ??
Ane mau protect bagian postingan jadi css nya harus ane taro dimana kang?? thanks :)

Muhammad Anggi

Makasih banyak gan,buat di blog ane,biar artikel-artikel ane yang udah susah nulis biar gak ada yang copas :D

ilmu des

bagus nih kalau diterapkan, tapi bedanya kalau pasang DMCA itu apa mas?

Ghaos Masoga

Makasih kang tutorialnya, sudah saya terapkan dan alhasil joss sekali ^_^

Libra Yanada

Kang tolong dibantu yah, perbaiki deretan posting ini jadi seperti milik kang mousir donk pliss pada error html saya nih...

jsfiddle*net/librayanada/6datrq14/

tanda bintang nya diganti dgn tanda titik

Kang Mousir

Simpan di atas kode ]]></b:skin> atau </style>

Kang Mousir

Tidak, ini hanya memproteksi artikel pada bagian post-body agar tidak bisa disalin

Kang Mousir

Pasang DMCA untuk melindungi artikel, tapi tetap saja kalau ada blog yang copas artikel kita lebih baik dilaporkan saja agar dihapus

We for Share

Keren artikel nya kang :D ini yang lagi saya cari 8)

Wali Reload

Kalau penambahan script biar nggak bisa di inspect element, ada nggak ya kang ?

Bagus Pratama

gan kenapa artikelnya kalo di hp bisa di copas?

Kang Mousir

kemungkinan pertama css ini tidak support di semua browser, kedua mungkin blog milik Anda memakai template mobile bawaan dari blogger sehingga css yang sudah dipasang tidak muncul :)

Agung Hari Wibowo

Artikelnya bagus Kang. Pengen coba, nanti kalau ada kendala, saya kontak ya Kang...

Akang sam

enak baca baca artikel disini, makasih kg

Satrio Yadi

kang itu kalau pake script anti copas ngebuat loading blog berat gak kang?

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 !

Klik emoticon : :) :D :( :-o @@, :s :wow: 8) :x :P :| ;) :lol: :oops: :cry: :evil: :twisted: :roll: :!: :?: :idea: :arrow: :mrgreen: :-d