Amankan Artikel Blog Agar Tidak Bisa Disalin

Seorang Blogger itu kerjaannya pasti menulis sebuah artikel untuk mereka publish di blognya. Menulis itu bukan hal yang mudah dan gampang, menulis itu membutuhkan proses/waktu yang cukup lama untuk membuatnya. Namun, sering kali kita jumpai para blogger yang se-enaknya menyalin artikel orang lain tanpa ijin terlebih dahulu ke penulis artikel tersebut dan mereka publish di blog mereka tanpa sumber. Siapa yang tidak kesal dengan orang seperti itu, kalian sudah membuat artikel yang membutuhkan proses/waktu yang cukup lama lalu di copy begitu saja dan tanpa menyertakkan sumber.

Sebelum itu terjadi kepada kalian, lebih baik dari sekarang kita amankan artikel blog kita masing-masing dengan menggunakan tutorial berikut ini yang saya dapat dari blog +Kang Mousir. Simak baik-baik, supaya tidak ada kesalahan pada pemasangan.

Amankan artikel agar tidak bisa disalin
Silahkan kalian tambahkan CSS berikut ini pada bagian mana yang akan kalian amankan.

-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none

Misalnya kalian ingin amankan teks agar tidak bisa disalin pada bagian .post-body, maka akan jadi seperti dibawah.

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

Keterangan :
- CSS ini berfungsi untuk mengamankan seluruh bagian artikel.

Membatasi artikel yang bisa disalin
Kalian juga bisa membatasi teks mana saja yang bisa disalin, kalian tinggal menambahkan CSS berikut ini pada bagian mana yang akan kalian ingin batasi.

-webkit-touch-callout:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-o-user-select:text;user-select:text

Misalnya kalian ingin amankan teks pada bagian tag blockquote,pre,code maka akan jadi 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}

Keterangan :
- CSS ini berfungsi untuk membatasi artikel yang bisa disalin.

Cara Pemasangan
#1. Masuk ke blogger -> template -> Edit HTML, pada Dashboard Blog kalian.
#2. Cari kode ]]></b:skin> dan pastekan salah satu kode CSS yang sudah saya berikan tadi tepat di atas kode ]]></b:skin>. Kalian bisa memasang dua-duanya sekaligus seperti yang saya terapkan pada blog ini.

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

#3. Klik Simpan, lihat hasilnya.

Itulah tutorial untuk Amankan Artikel Blog Agar Tidak Bisa Disalin semoga artikel ini bermanfaat, bagi kurang mengerti atau yang ingin bertanya silahkan tinggalkan komentar kalian pada artikel ini.