Pages

CSS User Select

Trik Agar Postingan Blog Tidak Dapat Diblok atau Dicopy menggunakan CSS


Berikut ini saya akan berbgai informasi tentang bagaimana pada postingan kita tidak dapat dicopy, jangankan dicopy di blok saja gak bisa apalagi dicopy.baiklah langsung saja kita mulai bagaimana caranya agar tulisan postingan tidak dapat diblok menggunakan CSS Selektor User Select berikut penjelasannya :

Tag CSS nya

jika kamu mengnginkan semua paragraf tidak dapat diblok berikut tag cssnya :


tag diatas dapat kamu masukan pada HTML pada postingan.
jika hanya beberapa teks atau paragraf saja berikut ini tag css :


<div style=
"  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;"> taruh paragraf atau teks kamu disini </div>

jika kamu mengnginkan semuanya tidak dapat dicopy atau diblok maka cssnya seperti berikut :


<style> body{
  -webkit-user-select: none;/* Untuk browswer Chrome dan Safari */
  -moz-user-select: none;   /* Untuk browswer Firefox */
  -ms-user-select: none;    /* Untuk browswer IE 10+ */
  user-select: none;        /* Standart Tag  */}
</style>

Berikut ini adalah contoh dari CSS diatas untuk memastikan bahwa itu benar-benar tidak dapat dicopy :
taruh paragraf atau teks kamu disini