Pages

Saturday, 25 June 2011

Change Text Selection Highlighting Color in blogs-2011


imageAnother way to stand out from the crowd is to have a customized blogText 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!

No comments:

Post a Comment