Change Text Selection Highlighting Color in blogs

imageAnother way to stand out from the crowd is to have a customized blog Text Highlighting color. This can ensure that when users highlight text on your blog, it matches your blog’s theme, and may also look professional at the same time.

Here is a quick demo:

Live Demo

Styling Text Highlight color In Blogger

1. Go To Blogger > Design > Edit HTML

2. and search for ]]></b:skin>

3. Right above it, paste this code:

::-moz-selection  {
Background: #EB7F17;
color: #FFFFFF;
text-shadow: none; 
::selection   {
background: #EB7F17;
color: #FFFFFF;
text-shadow: none; 


Make these changes:

  • Replace #EB7F17 with the highlight color
  • Replace #FFFFFF with the Font color. By default the font color appears white.

You can choose a color using the HexaDecimal Color Generator
Once you have entered your preferred color code, save your template, and see the difference!
Have fun blogging!



About the Guest Author:

Anims is freelance web designer and enjoys playing around with and learning coding in his free time. He likes to write about Web Technologies such as HTML, CSS and SEO.

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »


We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.
  1. Nice Post and useful to all blog authors...

  2. Hello,
    My requirement is bit different. I want certain text in my blog post which is different from normal text. It should be highlighted one, surrounded one etc.
    I currently use "pre" tag for highlighting those texts, but that are not so attractive.
    I want similar as you have written "Tutorial Series" in page

    Please help me out.


    1. Mr.Ashish for that purpose use Bold, or itallic covering for your Blog, around the text of the link