Pasti teman-teman suka agak jengkel dengan user yang sering mengambil atau menjiplak artikel pada website teman-teman. Salah satu cara agar artikel kita tidak bisa do jiplak atau di copy kita harus membuat teks pada artikel tidak bisa di seleksi dan di copy. Pada tips dan trik kali ini saya akan membagikan Cara Agar Teks Tidak Bisa di Copy Menggunakan Bulma
Di bulma framework ada salah satu class helper yang memudahkan kita untuk mencegah artikel kita di jiplak atau di copy oleh user yang tidak bertanggung jawab. Langsung saja saya akan memberikan langkah-langkah Cara Agar Teks Tidak Bisa di Copy Menggunakan Bulma:
– Pertama, anda download file bulmanya di situs bulma itu sendiri dan tempatkan pada folder project yang teman-teman buat.
– Kedua, anda ketikan kode html di bawah ini:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
<!DOCTYPE html> <html> <head> <title>Bulma Helper</title> <!--link ke css bulma--> <link rel="stylesheet" href="bulma-0.4.0/css/bulma.css"> <!--link ke font-awesome--> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <body> <br> <div class="column"> <h1 class="title is-1 has-text-centered">Membuat Teks Tidak Bisa di Copy</h1> <div class="columns"> <div class="column"> <div class="box notification is-danger"> <p class="title is-4"><b>Bisa di Copy</b></p> <p class="subtitle">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> </div> </div> <div class="column"> <!--class is-unselectable pada class box berfungsi supaya teks tidak bisa di copy dan di seleksi--> <div class="box notification is-warning is-unselectable"> <p class="title is-4"><b>Tidak Bisa di Copy</b></p> <p class="subtitle">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> </div> </div> </div> </div> <br> </body> </html> |
Coba teman-teman buka di browser teman-teman maka tampilannya akan menjadi seperti berikut:
Saya sengaja membuat dua kolom yang dimana satu kolom bisa di seleksi dan di copy sedangkan yang satu lagi tidak bisa sebagai perbandingan, pada class box di kolom kuning saya menempatkan helper class is-unselectable jadi kolom kuning tidak bisa di seleksi oleh user.
Dengan bulma kita dapat dengan mudah memodifikasi teks dengan memberikan helper class yang sudah di sediakan oleh bulma. Bagaimana teman-teman cukup mudahkan membuat teks tidak bisa di seleksi dan di copy.
Sekian tips dan trick tentang Cara Agar Teks Tidak Bisa di Copy Menggunakan Bulma.