Merubah Warna Seleksi Teks Pada Web Menggunakan Css

Apa itu Seleksi teks? seleksi text adalah sebuah penanda yang muncul di antara text yang telah kita blok atau pilih.

       Pada browser umumnya seleksi teks berwarna background biru dengan warna teks putih. Untuk beberapa blog bertemplate terang itu bukanlah masalah besar tapi untuk blog bertemplate gelap dengan warna page biru dan teks putih itu adalah masalah besar, karena warna sama alhasil teks yang telah diseleksi jadi tak terlihat.

       Tenang saja karena warna seleksi tesks pada web atau blog itu bisa kita rubah. Dengan menambahkan kode css tara berubahlah warna seleksi teks menjadi lebih indah dan menarik. Untuk contohnya silahkan lihat di link demo berikut

DEMO

Untuk mengubah warna seleksi teks silahkan kamu tambahkan kode css berikut ini kedalam file css kamu

::selection { background: black; color:white; }
::-moz-selection { background: black; color: white; }

Keterangan:
black = adalah warna latar dari seleksi teks, kamu bisa mengubahnya menjadi red atau dengan warna lain.
white = adalah warna teks yang di seleksi, kamu bisa merubahnya dengan warna lain yang cocok 

Untuk Blogger host blogspot

silahkan masuk ke bagian template > Edit html
Lalu letakan kode css tadi tepat diatas  ]]></b:skin>

Tapi jika tidak mau edit template kamu bisa masuk ke tataletak > Tambah gadget > Html/javascript lalu masukan code berikut

 <style>
::selection { background: black; color: white; }
::-moz-selection { background: black; color: white; }
</style>

Simpan dan lihat hasilnya, Sekian untuk tutorial kali ini silahkan baca juga postingan lainnya mengenai Cara Membuat effect animasi sederhana dengan css transition.Kalo kamu punya masalah dengan gambar yang buram atau pecah silahkan baca solusinya disini Cara resize / mengatasi gambar pecah.