
Bayangkan jika artikel yang kamu buat dengan susah payah justru dicopy paste orang lain tanpa izin. Kesal dan kecewa, bukan? Sayangnya, banyak yang langsung menyalin tulisan blog tanpa mengedit sedikit pun—hasilnya 100% sama dengan artikel aslinya. Dalam situasi seperti ini, opsi yang bisa kamu lakukan biasanya hanya melaporkan ke Google, berharap blog pelaku terkena penalti. Namun, jika itu tidak berhasil, artikel duplikat bisa tersebar di mana-mana tanpa kendali.
Agar hal ini tidak terjadi, kamu sebagai pemilik blog perlu meningkatkan keamanan konten. Kali ini, blog Egiagan akan membagikan trik sederhana untuk Cara Lindungi Konten Blog dari Copy Paste, terutama dengan kode CSS yang membuat teks tidak bisa diseleksi. Trik ini sangat mudah diterapkan dan bisa digunakan di berbagai platform, seperti Blogger, WordPress, dan lainnya.
Cara Blokir Seleksi Teks dengan CSS & Script
Berikut langkah-langkah untuk platform Blogger. Untuk platform lain, silakan pergi ke pengaturan CSS masing-masing.- Masuk ke menu HTML
- Klik tombol Edit HTML
- Tekan CTRL + F bersamaan pada keyboard untuk memudahkan pencarian. Carilah kode CSS dari
BODY
. - Kalau di dalamnya sudah ada kode CSS, JANGAN DIHAPUS! Tambahkan deretan kode berikut ke dalam CSS dari
BODY
tersebut. Sehingga hasil akhirnya kurang lebih jadi seperti ini.
BODY { user-select:none; -moz-user-select:none; -ms-user-select:none; -khtml-user-select:none; -webkit-user-select:none }
- Jangan lupa tekan tombol Save theme
Karena kodenya disimpan didalam
BODY
, maka setiap tulisan yang ada di blog bener-bener nggak bisa diseleksi semua. Jadi buat blog tutorial yang biasanya punya Syntax Highlighter agak nyebelin nih, karena kode dari blognya malah nggak bisa dicopy oleh pembaca.Kalau kamu mau membuat tulisan tidak bisa diseleksi pakai CSS Ingin mencegah copy paste hanya di bagian tertentu? Coba gunakan kode berikut! ✨ Tapi, ada satu syarat kecil—kamu perlu sedikit memahami (sedikit saja, kok!) dan mengenali tag HTML.
Sebagai contoh, di sebagian besar template Blogspot, konten artikel biasanya berada dalam sebuah <div>
dengan class .post-body
. Jadi, jika kamu hanya ingin melindungi teks agar tidak bisa diseleksi di bagian ini saja, gunakan kode CSS berikut:
.post-body {
user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-khtml-user-select:none;
-webkit-user-select:none
}
id
diwakili oleh tanda pagar #
Dan
class
diwakili oleh titik .
Jika tag HTML dengan id
<div id="post-body">
Kode CSSnya:
#post-body
Jika tag HTML dengan class
<div class="post-body">
Kode CSSnya:
.post-body
Sebaliknya, jika ingin mengaktifkan seleksi teks, gunakan kode berikut! Kamu bisa menyimpannya di mana saja, tergantung pada ID atau class yang digunakan dalam template.
Sebagai contoh, jika ingin mengizinkan seleksi teks pada bagian Syntax Highlighter di Blogspot—yang biasanya menggunakan elemen <pre>
dan <code>
—maka kode CSS yang digunakan adalah:
.post-body pre code {
user-select:text;
-moz-user-select:text;
-ms-user-select:text;
-khtml-user-select:text;
-webkit-user-select:text
}
Post a Comment