Cara Menonaktifkan Fungsi Seleksi Dengan Css Di Blog
Cara Menonaktifkan Fungsi Seleksi dengan CSS di Blog - Bagi teman yang tidak ingin blog teman diseleksi pada teks postingan sobat, kini jamannya jaman main mudah teman jadi teman harus wajib menggunakan tutor ini untuk mengamankan kualitas postingan sobat.
Nah kalau dulu mengamankan postingan teks dengan cara javascript ya kan??...javascript masih dapat diakali teman dengan menonaktifkan javascript di browser yang digunakan.
Yang aku jelaskan ini tidak lagi menggunakan javascript lagi melainkan menggunakan arahan CSS, setidaknya menyulitkan orang lain untuk menyeleksi teks yang berada di blog sobat
Oke eksklusif saja teman berikut ialah penerapannya..
Cara Menonaktifkan Fungsi Seleksi dengan CSS
Pertama, teman masuk terlebih dalu ke blogger.com Tema > Edit HTML pastekan arahan dibawah ini sempurna diatas kode ]]></b:skin> atau </style>
.blog-content{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }Klik simpan pada tema.
Sekarang cara menerapkan pada postingan blog, penerapannya pada tag HTML di postingan pastekan arahan dibawah ini
<div class="blog-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>Jika tidak ingin repot-repot menambah tag html di atas secara manual, tambahkan arahan CSS diatas arahan CSS post-body ditemplate sobat.
.post-body{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }Dan kalau ingin mengaktifkan seleksi pada bab tertentu didalam post-body, sobat cukup tambahkan arahan CSS. misalkan tag pre
pre{ -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }Oke sekian yang dapat aku jelaskan tentang Cara Menonaktifkan Fungsi Seleksi dengan CSS di Blog Terima Kasih yang sudah berkunjung biar bermanfaat bagi kalian semua.
Sumber https://www.triksimple.com/