27 Mar 2012

Menonaktifkan Seleksi Text Pada Blogger

Menonaktifkan seleksi text pada posting blogger merupakan saah satu langkah kreatif yang dapat Anda lakukan jika Anda ingin melindungi beberapa text atau konten pada blog Anda dengan menggunakan tehnik kode css. Selain untuk melindungi beberapa konten atau mencegah copy paste pada sebagian text, tips ini juga tidaklah terlalu sulit untuk dicoba.

Tips menonaktifkan seleksi text pada posting blogger ini hanya membutuhkan kode css yang tidaklah banyak dan tentunya juga cukup mudah untuk dicoba, berikut kode yang kita butuhkan nantinya :
display:block;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select: none;-o-user-select:none;user-select:none;unselectable:on;
Untuk penempatan kode css tersebut, tergantung dari selera masing-masing. Jika Anda ingin melindungi semua konten atau text pada blog Anda tinggal tambahakan kode tersebut di atas pada bagian body{...}, sehingga akan tampak seperti berikut ini.
body {
display:block;
-khtml-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select: none;
-o-user-select:none;
user-select:none;
unselectable:on;
}
kode css dalam body template Anda jangan dihapus, cukup ditambahkan saja dengan kode tersebut diatas.

Sedangkan jika Anda hanya ingin melindungi text pada bagian posting, Anda bisa menambahkan kode tersebut pada bagian .post-body sehingga kode css tersebut tampak seperti:
.post-body {
display:block;
-khtml-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select: none;
-o-user-select:none;
user-select:none;
unselectable:on;
}

Namun jika Anda hanya ingin melindungi sebagian text dalam posting artikel yang Anda tentukan saja, maka Anda bisa membuat id css baru terlebih dahulu, sebagai contoh:
#jangandicopy {
display:block;
-khtml-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select: none;
-o-user-select:none;
user-select:none;
unselectable:on;
}

Setelah Anda membuat kode css tersebut, langkah selanjutnya adalah ketika Anda melakukan posting artikel dan ingin melindungi sebagian text pada posting blogger Anda, maka lakukan seperti contoh dibawah ini:

text yang tidak ingin dilindungi....<span id="jangandicopy">text yang ingin dilindungi</span> text yang tidak ingin dilindungi.... dan seterusnya.

Selamat mencoba dan semoga dapat bermanfaat.
1 comments:
  1. tutornya dong biar snipet ada bintangnya di search engine.. :D

    BalasHapus