Pada posting kali ini saya akan membahas mengenai cara mengubah warna teks yang diblok dengan memakai isyarat CSS pad Blogger. Kegiatan menyeleksi atau blok teks di Blogger yakni acara yang sering dilakukan oleh pengunjung blog. Baik itu untuk menyalin teks kode, mengakibatkan kata kunci, atau dijadikan sebagai sumber referensi, dan sebagainya.
Namun terkadang ada pula pemilik blog yang mengatur agal teks pada blog tersebut tidak dapat diseleksi atau tidak dapat diblok. Terkadang hal tersebut dilakukan dengan tujuan biar orang lain tidak menyalahgunakan hak cipta orang lain. Seperti dengan menyalin goresan pena orang lain tanpa izin dan diakui sebagai karya goresan pena sendiri. Saya sendiri tidak baiklah dengan tindakan ibarat itu. Menghargai hak cipta orang lain yakni sesuatu yang penting. Lebih baik menyertakan sumber tulisan.
Namun di sisi lain ada hal menarik yang kadang ditemukan ketika menyalin teks dari sebuah situs blog. Yaitu warna teks yang unik ketika diseleksi. Itu dapat menjadi daya tarik tersendiri bagi pengunjung blog. Untuk mengubah warna teks yang diblok bergotong-royong cukup sederhana. Yaitu hanya dengan memakai isyarat CSS.
Mengubah warna blok teks
Pertama-tama buka dashboard blogger sobat, pilih Template > Edit HTML. Setelah itu cari isyarat]]></b:skin> kemudian letakkan isyarat berikut diatasnya.::selection {background:#EAF514;color:#F65A96;} ::-moz-selection {background:#EAF514;color:#F65A96;} ::-webkit-selection {background:#EAF514;color:#F65A96;}Perhatikan isyarat warna diatas, silahkan ganti semua isyarat warna
#EAF514 dengan warna background teks ketika diblok, dan ganti semua isyarat warna #F65A96 dengan warna teksnya ketika diblok. Ada hal yang perlu teman perhatikan dimana kedua isyarat warna tersebut sebaiknya merupakan warna yang saling kontras, artinya kedua warna yang dipakai (background & text color) harus tampak berbeda biar teks terlihat terperinci bahkan ketika di seleksi atau diblok. Silakan coba seleksi teks dibawah untuk melihat contohnya.Contoh
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa.
Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim.
Fusce est. Vivamus a tellus.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede.
Mauris et orci. Aenean nec lorem.
Sedangkan bila teman ingin memakai warna untuk kelas atau ID tertentu teman dapat memakai isyarat CSS (misal untuk kelas .header) teman dapat memakai isyarat :
.header::selection { background: #EAF514; color: #F65A96; }