Belajar
CSS terkadang sangat berguna bagi seorang blogger. Bagaimana tidak,
dengan hanya mempelajari CSS yang dasar saja, kamu bisa sedikit
menghindari seseorang untuk menyalin artikel blog kamu. Biasanya cara
untuk menghindari orang lain dari menyalin artikel kamu adalah dengan
bantuan JavaScript. Kali ini saya akan mengulas cara menanggulangi
tukang copas dengan menggunakan CSS. Apakah bisa?
Jika dibilang bisa, tidak menjamin 100%. Hanya saja dengan cara ini setidaknya orang yang akan melakukan copas sedikit kebingungan. Bahkan biasanya apabila orang mematikan JavaScript-nya untuk bisa copas, maka hal ini tidak akan berpengaruh, karena ini adalah CSS. Penasaran bukan? Berikut ini ulasannya.
Menarik bukan? Bagiamana caranya? Kamu hanya cukup membubuhkan selektor ::selection (untuk global), ::-moz-selection (untuk Firefox), atau ::-webkit-selection (untuk Chrome, Safari, dan Opera Next). Lalu, aturlah properti dari selektor itu dengan background: transparent. Mengapa tidak dengan background:none? Cobalah sendiri, nanti kamu tahu alasannya :)
Cara di atas mudah bukan? Kamu hanya perlu mengkolaborasikannya dengan skrip anti-copas dari JavaScript saja, biar makin greget. Selamat mencoba :)
Jika dibilang bisa, tidak menjamin 100%. Hanya saja dengan cara ini setidaknya orang yang akan melakukan copas sedikit kebingungan. Bahkan biasanya apabila orang mematikan JavaScript-nya untuk bisa copas, maka hal ini tidak akan berpengaruh, karena ini adalah CSS. Penasaran bukan? Berikut ini ulasannya.
Cara Mengelabui Tukang Copas dengan CSS
Sebelum membahas bagaimana cara mengelabui tukang copas, kamu perhatikan demo di bawah ini. Pada baris yang terakhir, kamu akan menemukan tidak ada latar di belakang teks. Hal ini lah yang akan mengelabui tukang copas. Dia akan beranggapan bahwa tulisan kamu tidak bisa di-copas, padahal sebenarnya bisa. Jika dia menggunakan Ctrl A (memilih semua), maka cara ini akan menyulitkan tukang copas. Mengapa? Karena dia harus melakukan penyuntingan lagi.Menarik bukan? Bagiamana caranya? Kamu hanya cukup membubuhkan selektor ::selection (untuk global), ::-moz-selection (untuk Firefox), atau ::-webkit-selection (untuk Chrome, Safari, dan Opera Next). Lalu, aturlah properti dari selektor itu dengan background: transparent. Mengapa tidak dengan background:none? Cobalah sendiri, nanti kamu tahu alasannya :)
Cara di atas mudah bukan? Kamu hanya perlu mengkolaborasikannya dengan skrip anti-copas dari JavaScript saja, biar makin greget. Selamat mencoba :)
Tidak ada komentar:
Posting Komentar