Merubah Warna Selection Text Dengan CSS

Hello, sobat blogger maupun pengguna internet. Pada kesempatan kali ini Hasbi akan berbagi tutorial untuk kalian tentang Merubah Warna Selection Text Dengan CSS. Sebelumnya sudah tau dong apa itu CSS. CSS adalah singkatan dari Cascading Stylesheet yang berguna untuk mendesain sebuah website atau blog sesuai dengan keinginan pembuatnya/web designer.

Pada umumnya warna selection text adalah biru. Ya kalian tau kan, ketika kalian mem-block tulisan maka warna background tulisan tersebut akan menjadi biru. Tetapi, tahukah kalian bahwa selection text ini bisa dirubah. Ya, selection text ini bisa dirubah hanya dengan sedikit script CSS saja. Script ini bisa kita taruh pada website atau blog kita, sehingga dapat menabah daya tarik blog kita terhadap pengunjung. Baiklah, kali ini Hasbi akan membagikan cara merubah warna selection text di blog. Oke, langsung saja kita simak caranya berikut ini.

1. Masuk ke blog sobat

2. Klik menu Template pada sidebar kiri

3. Klik Edit HTML.

4. Cari kata ]]></b:skin>   atau  </style> dengan menggunakan CTRL+F untuk mempermudahnya. Kemudian paste kode CSS dibawah ini tepat diatasnya.

::selection {
    color:#ffffff;
    background-color:#101b1b;
}
::-moz-selection {
    color:#ffffff;
    background-color:#101b1b;
}

5. Klik Simpan template kemudian coba seleksilah beberapa tulisan. Jika Anda melakukan cara diatas dengan benar pasti kemungkinan bisa 99% hehehe...

Catatan :

• Warna background bisa diganti pada tulisan yang berwarna biru
• Warna tulisan bisa diganti pada tulisan yang berwarna merah
• INGAT!!! tulisan dengan warna yang sama harus sama warnanya.
• Butuh bantuan dengan warna? kunjungi Hasbi Color Generator

Baiklah sekian dari saya tentang Merubah Warna Selection Text Dengan CSS. Semoga bermanfaat dan have a nice day!