Membuat Artikel atau Bagian Tertentu Pada Blog Tidak Bisa di Salin / Copy Tanpa JQuery

Tutorial kali ini adalah menjelaskan bagaimana cara membuat artikel blog atau bagian tertentu pada website tidak bisa di salin atau di copy. Caranya cukup mudah salin atau kopi CSS dibawah ini pada bagian yang ingin tidak bisa di select / di block.

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  user-select: none;

Contoh penggunaan :

body{

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  user-select: none; 

}
kode diatas akan membuat seluruh isi website tidak bisa di block artinya tidak bisa disalin/copy.


 .post-body{

   -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  user-select: none;
 
}
kode diatas akan membuat seluruh bagian post / artikel blog tidak bisa di blok/salin untuk di kopi.

 p{

   -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  user-select: none;
 
}
kode diatas akan membuat seluruh p (paragraf) tidak bisa di blok/select untuk di kopi.

Untuk menerapkan pada bagian lain, tinggal mengganti saja elemen (contoh: p, .post-body, dll) atau id/class yang ingin di disable select nya.

Cara menggunakan pada blogspot :
  • Buka blog Anda, pilih menu Template > Edit HTML > cari kode */]]></b:skin> atau </style> (Gunakan tombol CTRL+F jika kesulitan mencari).
  • Salin kode yang telah disebutkan sebelumnya di atas ke dua kode yang baru di sebutkan diatas.
  • Semoga berhasil.

Terimakasih telah berkunjung dan membaca artikel di Blog ini. Tinggalkan kritik, saran, dan pertanyaan pada kolom komentar.