How To Change Text Selection Color In Blogger

Hey lovely users, Welcome to H&T. Here I provide all Blogger tricks. I share all Blogger Tricks that I know learn in my day to day life. Today, I will show how to change text selection color in Blogger. After reading this full article, you will come to know how simple it is to implement in Blogger. It is necessary for your blog to have a custom text selection color for your blog that best shoots. If you don't understand what text selection color means. Try to mark/highlight some text for copying. You will notice some color on highlighting the text. This is where we will apply the Css trick to change the default text selection color. Just follow the below steps carefully. Don't worry this Blogger Trick is very simple.

Change Text Selection Color

So, you really want to change the text selection color for your Blogger/Blogspot blog. Let's start the detailed tutorial.

As I always say Backup your template before any customization. This will really help you if by chance you destroy your template.

To Backup Your Template:

• Go To Blogger Home.
• Then Go To Dashboard.
• After That Go To Template.
• Now Click On Backup/Restore Template. Now Download Your Template.

Since you have made backup of your template. Now we can proceed to the tutorial on changing text selection color in Blogger.

• Go To Blogger Home and Sign in To Your Blogger Account.
• Now Go To Dashboard.
• After that click on Layout. Now you will see a link Template Designer on Layout page. Click on Template Designer. Now you will go to Blogger's template designer page.
• On Template Designer Page Click On Advanced. Now you will see a box to write custom Css. On that paste the code given below:

/* This is for mozilla based web browser */
::-moz-selection {
background-color: #292832;
color: #FFF;
}
/* This one is for safari and chrome */
::selection {
background-color: #292832;
color: #FFF;
}
/* It will enable text highlight in opera */
::-o-selection {
background-color: #292832;
color: #FFF;
}
::-ms-selection {
background-color: #292832;
color: #FFF;
}
/* Now for the Internet Explorer */
::-webkit-selection {
background-color: #292832;
color: #FFF;
}

• Now After pasting the above code Click on Apply To Blog.

Further Customization on Text Selection Color

1. Change #292832 to change the background of the text selection color. Background color is in red.
2. Change #FFF with your desired color. It's the color of your text. Text color is in Blue.

Hope this tutorial help you in customizing default text selection color. This will work on any type of website. Just place the above code in your Css area.

If you are facing any problem. Feel free contact me.