Change Text Selection and Highlighting Color in Blogger Blog

Do you want to change text selection and highlighting  color to match your blog template design and color combination, If yes then it is possible by adding few HTML tags on your template.

Sometimes you will change your blog template but the text selection and highlighting color will stand stood without any change.Now we can change the color of  those selection and highlighting color in blogger blog too.

Adding this code to your blog template will help you to change the selection color and text color on selection.You are free to choose any color and add it to your blog.

Demo : I’m using a custom color in this blog

Read : Make Blogger Blog Not To Redirect URL To country based Domains

How To Do It ?

1. Go to Blogger Dashboard > Template > Edit HTML

2. Now press CTRL+F to make search box visible

Also Check  Floating Social Pages icon With Pop Effect on Mouse Hover for Your Blog

3. On the search box type ]]></b:skin>  

4. Just above the ]]></b:skin>  tag paste the below given

::-moz-selection  { 
text-shadow: none;
::selection {
text-shadow: none;  

Change To Make :

  • Replace orange colored color code with your color to match your template design

  • Replace all grey colored color code with your color code, to change the color of text when it is selected or highlighted.

(Here i made my selection and highlighting color to orange to match my template color c)

About the author

Astro Joseph

Hey Guys, I'm Astro K Joseph, Founder and CEO of IPEE World from Kerala, India. I started this blog as a passion and it now empowering thousands of readers around the globe.Here I usually share stuff related to How To, Android, Windows, Facebook, WhatsApp, Blogging, etc.

Leave a Comment