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 shinemat.com --------*/
::-moz-selection  {
Background: #9E0ADC;
color: white;
}
::selection   {
background: #9E0ADC;
color: white;
}
/*------- Text selection color style end shinemat.com --------*/

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

Good day buddy!

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

Post a Comment

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

Post a Comment (0)

Previous Post Next Post