The quickest way of selecting/copying text from a blog/website is to
drag your mouse over that content. The selected content becomes
highlighted. Mostly the highlighted text color is blue (Default color).
Have you noticed that when you highlight/select text on some top
websites, the text's background color is unique and matches the site's
color scheme? So, have you ever wanted to change the highlighted text
color of your blog? If yes then today we will show you that How to
Change the Text Selection Color in Blogger. Its really easy to do and
can be done with just the tiniest bit of simple CSS codes. This trick
works on Chrome, Firefox, Safari and on latest versions of I.E.
How to Change the Text Selection Highlighting Color in Blogger
Step 1. Go to your
Blogger Dashboard >> Select a
Blog >>
Template and click
Edit HTML button
Step 2. Click inside the template code area and by using
Crtl+F search for the
]]></b:skin> tag
Step 3. Now copy (Ctrl+C) the below code and paste (Ctrl+V) it just above/before it (
]]></b:skin> tag)
::-moz-selection {
background: #00cc00;
color: #FFFFFF;
text-shadow: none; }
::selection {
background: #00cc00;
color: #FFFFFF;
text-shadow: none; }
Customization:
- Replace 00cc00 with the text highlight color
- Replace FFFFFF with the text color (highlighted text color)
Step 4. Click
Save Template button
And you're done!
Congratulations: You've successfully changed your Text Selection Highlighting Color.
From Editors Desk
We hope this article may have helped your in learning How to Change the Text Selection olor in Blogger.
Facebook Comment