Oct 12, 2015

How To Customize & Change Color Of Text Selection in Blogger

data:blog.title
Wanna Change or customize color of text selection on your blogger blog then you are on right platform. You can see the live examples on our blog itself. We have changed its text selection color. Isn't it nice? :) These things are of little importance compared to your blog content so do not waste your time on the things like adding every other widget to your blog. Bear with your great content and serve your audience with your best of best. Always give them royal treatment because? They deserve it same as you do. :) 

How To Customize/Change Color Of Text Selection on Blogger
Customize & Change Color Of Text Selection

If you want to make your blog eye catching, colorful, look like professional, and user friendly too, then you must have to install this colorful text selection style on your blogger blog. So if you want to customize and change color of text selection area on your blogger blog then follow below step by step tutorial and do same on your blog.

How To Customize Text Selection Color

By text selection color, what do I mean is whenever someone selects the text with mouse on your blog post then by default its color. Got it? Default background color is always blue and text color is white. Ready to add some more colors to your blog on this HOLI season?


  • Login to your Blogger account >> Go to Template >> Edit HTML.
  • Click anywhere inside the template code box then press Ctrl+F on windows and Cmd+F on mac.
  • Find out this little piece of code line ]]></b:skin> and just before that, paste the whole CSS code given below. You can customize its color codes as you wish.
/***********************************************
Text selection Customization by MybloggerGuides
***********************************************/
::selection {
background:#FF5D5D; /*------This is the background color on selection-----*/
color:#444444; /*------This is text color on selection-----*/}
::-moz-selection {
background:#e67e22;
color:#fff}
::-webkit-selection {
background:#e67e22;
color:#fff}
  • Hit save button :). In the above CSS code, I have added proper comments to change the color codes to make it easy for every one.
  • That's it. you have successfully customized and change color of text selection on your blogger blog.
  • Do not forget to visit your blog after adding these styles. How can you forget? Right? lol

Conclusion:

So above guide is about How To Customize & Change Color Of Text Selection on Blogger Blog. Hope you will like this post. If you have further questions, follow the comment route, am eagerly waiting to help you do the job :). Please do share your blog URL in comments and I'll personally visit every one's blog to check which colors you have chosen. I'll leave a comment too. Fair enough? huh? Do share, subscribe and like our page buddy, you can do it. :) Now do share, subscribe and like our page buddy, you can do it. :) 

No comments:

Post a Comment

We’re eager to see your comment. If you have any query related to the topic then drop a comment below. We will help you out of sure. However, Please Keep in mind that all comments are moderated manually by our human reviewers. According to our comment policy all link are nofollow so keep in mind that never use links in comments, we consider link comments as a spam.