Cara Menonaktifkan Fungsi Seleksi Teks Dengan CSS

Cara Menonaktifkan Fungsi Seleksi Dengan CSS - Pada kesempatan kali ini saya akan membagikan sebuah kode CSS yang dapat menonaktifkan fungsi seleksi teks di blog kita, dengan menggunakan CSS ini, maka setiap pengunjung tidak dapat menseleksi atau menyalin teks yang ada di blog kita.

Perlukah untuk menonaktifkan seleksi teksi di blog kita? Nah untuk point ini, jawabannya sih terserah keinginan perorangan. Ada sebagian yang mengatakan bahwa untuk menjaga konten atau artikel tulisan di blog kita diharuskan untuk menonaktifkan fungsi seleksi teks di blog kita. Yang tujuan utamanya adalah untuk mencegah para palagiat konten mencuri artikel yang kita buat secara susah payah.

Akan tetapi ada juga sebagian bahkan kebanyakan para pembuat artikel blog memutuskan untuk membiarkan para pencuri artikel menyalin dan menulis ulang artikel yang sudah dibuatnya.

Di blog pehawe ini sudah saya pasang css untuk menonaktifkan seleksi teks, dan ada bagian-bagian tertentu yang tidak saya ikutkan seperti teks yang di apit dengan code, tag pre code dan klik-url untuk memudahkan para pembaca memilih dan menseleksi teks yang sudah di apit dengan tag tersebut.

CSS Disbale Text ini bisa dipasang di blog yang menggunakan template Non Amp dan juga blog Amp. Dan untuk cara pemasangannya silahkan sobat simak di tulisan berikut ini.

Fitur CSS Anti Seleksi Teks

Seleksi pada browser web dapat dimanipulasi agar dapat dinonaktifkan untuk kepentingan tertentu seperti mencegah tindak plagiat atau plagiarisme. Sebagai web developer, kita tidak bisa secara langsung mengetur web browser pada user, tetapi kita bisa mengatur web kita yang tampil di browser pengunjung blog kita untuk tidak dapat menseleksi teks atau konten yang ada di blog kita.

Cara Memasang CSS Anti Seleksi  Teks di Blogger

body {

-webkit-touch-callout:none;

-webkit-user-select:none;

-khtml-user-select:none;

-ms-user-select:none;

-moz-user-select:none;

}

CSS diatas berlaku untuk menonaktifkan seleksi pada keseluruhan teks atau konten di blog kita, termasuk precode dan blackqoute.

body {

-webkit-touch-callout:none;

-webkit-user-select:none;

-khtml-user-select:none;

-ms-user-select:none;

-moz-user-select:none;

}

blockquote, pre, kbd, code{

-webkit-touch-callout:text;

-webkit-user-select:text;

-khtml-user-select:text;

-ms-user-select:text;

-moz-user-select:text;

}

CSS yang ini berfungsi menonaktifkan seleksi pada semua teks atau konten, terkecuali judul, precode dan blackqoute.

Untuk sobat pengguna template Amp, silahkan simpan css diatas di dalam style amp-custom blog sobat

Silahkan pilih salah satu kode CSS diatas untuk di terapkan di blog sobat. Semoga artikel tentang bagaimana Cara Menonaktifkan Fungsi Seleksi Dengan CSS di blogger ini bermanfaat.