Mengubah Warna Pada Saat Text Diblock (Selection Text)

Ilmu Komputer dan Teknologi - Trik ini mungkin hanya sedikit dipakai para sobat blogging karena mungkin ada yang tidak tahu tentang trik ini, trik ini sebenarnya simple dan sederhana.

Text Selection merupakan sebuah bagian yang kita block dan biasanya warna defaultnya adalah warna biru pada backgroundnya kemudian warna putih pada teks. Trik ini didukung oleh semua browser kecuali Internet Explorer.

Jika sobat ingin melihat Previewnya Coba Sorot atau block beberapa Artikel saya, Warnanya pasti Coklat+orange gitu kan sobat Like This :

 

Trik ini menggunakan CSS3, Caranya gampang kok sobat jika ingin membuatnya ikuti langkah-langkahnya yah :

1. Klik Rancangan + Edit HTML
2. Centang Expand Template Widget untuk menampilkan semua XML
3. Untuk menghindari yang namanya rusak Pada Templates, agar meminimalisir kesalahan sobat Download Template Lengkap
4. CTRL+F Cari Kode Berikut :

]]></b:skin>

Letakkan Kode berikut tepat diatas kode diatas :

• Pada Mozilla Firefox perlu ditambahkan -moz- sebagai notifikasi agar dikenali oleh browser tersebut:

selection::{color:#D2691E;}
::-moz-selection{color:#D2691E;}

• Jika ingin memberikan pre-selection atau warna setelah sobat memblock bagian text, kemudian sobat klik dan pindah ke bagian lain di pc sobat di luar browse.

pre::selection {color:#D2691E;}
pre::-moz-selection {color:#D2691E;}

• Untuk menambah background text :

selection::{background:#000000;color:#D2691E;}

Untuk penggabungan lengkapnya seperti ini ditambah dengan warna tulisan :

::-moz-selection{background:#D2691E; color:#FFF;}
::selection{background:#D2691E; color:#FFF;}

pre::selection {background:#D2691E; color:#FFF;}
pre::-moz-selection {background:#D2691E; color:#FFF;}

Yang Berwarna MERAH bisa sobat Ganti dengan Warna yang sobat Sukai.
Kemudian Sobat Save templatesnya dan lihat perubahan yang ada pada blog sobat.

Semoga Artikel Ini bermanfaat