Mencegah Pencurian Artikel Web Dengan CSS
Mencegah orang melakukan seleksi terhadap teks yang ada di website
kadang sangat diperlukan, apa lagi di era Internet seperti ini banyak
sekali orang yang sembarangan mengambil dan mengutip atau copy/paste
tulisan orang lain tanpa izin.
Untuk itu diperlukan pencegahan, kalau dulu orang melakukan pencegahan dengan memanfaatkan Javascript, atau dengan image raplacement (yaitu dengan mengubah teks menjadi format gambar), atau cara-cara lain.
Pepatah:
Berikut adalah contoh penggunaan tag HTML dan CSS untuk mencegah seleksi teks halaman web.
HTML
CSS
Untuk mencegah orang lain melakukan seleksi terhadap seluruh text, gunakan script css diatas di tag
Untuk mencegah orang lain melakukan seleksi terhadap elemen tertentu gunakan script css ditas di tag yang ingin di disable saja.
Demo Partial
Download 1
Download 2
Oke sekian tips singkat kali ini, semoga berguna untuk anda yang takut artikelnya dicuri oleh orang lain.
Sumber : http://www.tutorial-webdesign.com/css-cegah-seleksi-teks/
Untuk itu diperlukan pencegahan, kalau dulu orang melakukan pencegahan dengan memanfaatkan Javascript, atau dengan image raplacement (yaitu dengan mengubah teks menjadi format gambar), atau cara-cara lain.
Image by ThrasherDave
Mencegah lebih baik dari pada mengobatiPada tulisan kali ini Tutorial-webdesign.com akan mencoba melakukan pencegahan atau setidak nya menyulitkan orang lain untuk menyeleksi teks yang ada di website kita dengan bermodalkan CSS. Sebalumnya kita pernah membahas tentang menonaktifkan sebuah link dengan css, sekarang kita akan menonaktifkan fungsi seleksi terhadap konten/teks yang ada di website.
Berikut adalah contoh penggunaan tag HTML dan CSS untuk mencegah seleksi teks halaman web.
HTML
1 | <div class="website-content">Lorem
ipsum dolor sit amet, consectetur adipisicing elit. Ullam perspiciatis
dolorum! Quis dignissimos voluptatem illum facilis suscipit repellat non
voluptates hic laboriosam nesciunt rem voluptatum provident obcaecati
ea eum reiciendis nisi explicabo.</div> |
1 | .website-content{ |
2 | -webkit-user-select: none; |
3 | -khtml-user-select: none; |
4 | -moz-user-select: none; |
5 | -ms-user-select: none; |
6 | user-select: none; |
7 | } |
User-select: none, akan mencegah orang lain melakukan seleksi terhadap text.Untuk mencegah orang lain melakukan seleksi terhadap seluruh text, gunakan script css diatas di tag
body.Untuk mencegah orang lain melakukan seleksi terhadap elemen tertentu gunakan script css ditas di tag yang ingin di disable saja.
Demo
Demo All TextDemo Partial
Download 1
Download 2
Browser Support
Tidak Support IE9 kebawah dan Seluruh Opera.Oke sekian tips singkat kali ini, semoga berguna untuk anda yang takut artikelnya dicuri oleh orang lain.
Sumber : http://www.tutorial-webdesign.com/css-cegah-seleksi-teks/
