Cara Menonaktifkan Fungsi Seleksi dengan CSS di Blog - TRIK SIMPLE
Cara Menonaktifkan Fungsi Seleksi dengan CSS di Blog

Cara Menonaktifkan Fungsi Seleksi dengan CSS di Blog - Bagi sobat yang tidak ingin blog sobat diseleksi pada teks postingan sobat, sekarang jamannya jaman main praktis sobat jadi sobat harus wajib memakai tutor ini untuk mengamankan kualitas postingan sobat.

Nah kalau dulu mengamankan postingan teks dengan cara javascript ya kan??...javascript masih bisa diakali sobat dengan menonaktifkan javascript di browser yang digunakan.

Yang saya jelaskan ini tidak lagi menggunakan javascript lagi melainkan menggunakan kode CSS, setidaknya menyulitkan orang lain untuk menyeleksi teks yang berada di blog sobat

Oke langsung saja sobat berikut adalah penerapannya..

Cara Menonaktifkan Fungsi Seleksi dengan CSS


Pertama, sobat masuk terlebih dalu ke blogger.com Tema > Edit HTML pastekan kode dibawah ini tepat 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 kode 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 kode CSS diatas kode 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 jika ingin mengaktifkan seleksi pada bagian tertentu didalam post-body, sobat cukup tambahkan kode 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 bisa saya jelaskan tentang Cara Menonaktifkan Fungsi Seleksi dengan CSS di Blog Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.

Cara Menonaktifkan Fungsi Seleksi dengan CSS di Blog


السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
Cara Menonaktifkan Fungsi Seleksi dengan CSS di Blog

Cara Menonaktifkan Fungsi Seleksi dengan CSS di Blog - Bagi sobat yang tidak ingin blog sobat diseleksi pada teks postingan sobat, sekarang jamannya jaman main praktis sobat jadi sobat harus wajib memakai tutor ini untuk mengamankan kualitas postingan sobat.

Nah kalau dulu mengamankan postingan teks dengan cara javascript ya kan??...javascript masih bisa diakali sobat dengan menonaktifkan javascript di browser yang digunakan.

Yang saya jelaskan ini tidak lagi menggunakan javascript lagi melainkan menggunakan kode CSS, setidaknya menyulitkan orang lain untuk menyeleksi teks yang berada di blog sobat

Oke langsung saja sobat berikut adalah penerapannya..

Cara Menonaktifkan Fungsi Seleksi dengan CSS


Pertama, sobat masuk terlebih dalu ke blogger.com Tema > Edit HTML pastekan kode dibawah ini tepat 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 kode 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 kode CSS diatas kode 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 jika ingin mengaktifkan seleksi pada bagian tertentu didalam post-body, sobat cukup tambahkan kode 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 bisa saya jelaskan tentang Cara Menonaktifkan Fungsi Seleksi dengan CSS di Blog Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.

وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Disqus Codes
  • To write a bold letter please use or
  • To write a italic letter please use or
  • To write a underline letter please use
  • To write a strikethrought letter please use
  • To write HTML code, please use or
    or

    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Jangan Lupa Subcribe