![]() |
Cara Menonaktifkan Seleksi dengan CSS |
Cara Membuat Blog Tidak Bisa Diseleksi Sengan pengecualian pre Dan Blockquote:
1. Login ke Blog
2. Klik Template pada Dashboard Blog > Edit HTML.
3. Copy CSS Dibawah ini Dan Letakkan sebelum ]]></b:skin>,
body {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-ms-user-select:none;
-moz-user-select:none;
}
blockquote, pre, code{
-webkit-touch-callout:text;
-webkit-user-select:text;
-khtml-user-select:text;
-ms-user-select:text;
-moz-user-select:text;
}
4. Simpan Template dan lihat hasilnya.
Kalau Ingin semua Bagian Tidak Bisa Di seleksi anda Ganti Code Di atas Dengan Code Di bawah ini, Kodenya Sama dengan Yang Diatas Hanya menghilangkan Kode pengecualian pre, Blockquote dan Code.
body {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-ms-user-select:none;
-moz-user-select:none;
}
Kemudaian Simpan.
Dengan Menerapkan User-select:none Maka akan mencegah pengguna Blog Melakukan Seleksi Pada Text.
Sekian Itulah Cara Membuat Blog Tidak Bisa Diseleksi Sengan pengecualian pre Dan Blockquote Terimakasih telah Membaca artikel Di Newbie Weblog Semoga Bermanfaat.
Source: http://arlinadesign.blogspot.com/2015/03/cara-menonaktifkan-fungsi-seleksi.html
Cara Menonaktifkan Seleksi dengan CSS
4/
5
Oleh
Teknokrat
11 komentar
Wahh info yang bermamfaat :)
ReplyNgeblok text...menonaktifkan Fungsi seleksi Supaya Tidak Bisa Di Copas
Replymakasih infonya gan ..
ReplySama-sama Thaks atas Kunjungan-nya :)
ReplySaya tertarik dengan Tag Pre milik Blog sobat ini,, apakah saya bisa mengetahuinya atau ada tutorialnya??
ReplyAda Di arlina Design
Replywah keren nih mas, bisa meminimalisir copaser nih,
Replyoya saya mau nanya nih, cara buat Join This Site bergerak kayak punya-nya mas gimana ya?
Trimakasih Ats KUnjungan nYa
Replytaruh Sebelum ]]></b:skin>
Reply.anim{animation:jiggle 2s ease-in infinite}
@keyframes jiggle{48%,62%{transform:scale(1.0,1.0)}50%{transform:scale(1.1,0.9)}56%{transform:scale(0.9,1.1) translate(0,-5px)}59%{transform:scale(1.0,1.0) translate(0,-3px)}}
Siap dicoba gan, mantaf
Replywah keren juga gan infonya
Reply✔ Harap Berkomentar Sesuai Dengan Judul Bacaan,
✖ Tidak diperbolehkan Untuk Mempromosikan Barang Atau Berjualan
✖ Jangan Berkomentar Dengan Link Aktif