Latest Updates:

How To Change Text Selection or Highlight Color in Blogger Blog

Have you noticed that when you select some sentence or a single word in a website what color appears? Yes, it’s blue, because by default it set as blue color. You can simply change this color by using CSS code. This is a stand out customizing way to look different from other blogs and help to match with your blog theme color. It’s very easy to do as like as a sms sending. :-)

Change text selection color or highlight color

Before you start you can see a demo. Click View Demo then select some sentence.

Lets Change Text Selection Color in Blogger blog

1. Go to Blogger Blog

2. Click your blog title

3. Click Template from left side menu

4. Backup your full template before editing

5. Click Edit HTML, Click Proceed

6. Now search (CTRL+F) for ]]></b:skin>

7. Add the below code just Before/ Above it

/*------- Text selection color style start --------*/
::-moz-selection  {
Background: #9E0ADC;
color: white;
::selection   {
background: #9E0ADC;
color: white;
/*------- Text selection color style end --------*/

8. Click Save Template and refresh your blog to see magic.

Good day buddy!
Written By:
Topic Under: 4/27/2012
  • Blogger Comments
  • Facebook Comments


Post a Comment

Hi, Your are most welcome and feel free to share your comment(s). We will try to response your comment(s) as soon as possible.

Please DON'T spam here. Spam comments will be deleted just after our review.

Thank You For Being With Us.

Copyright © 2021 Shine Mat | All Right Reserved
Design and Customize By: Ashraful Haque Saimoom and PBThemez | About Us | Contact Us
Scroll to Top