Skip to main content

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.

How To Change Text Selection Color In Blogger

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.

Comments

Popular posts from this blog

Need for Speed (NFS) Carbon Cheats, Codes and Unlock Parts

Need for Speed makes some great racing games like NFS Most Wanted, Rivals etc. and Need for Speed Carbon is another 10th addition to their NFS series. It's the first game to get the PEGI rating 12+. It's a very good game with it's story line. If you are looking for some adventure and a good racing than this one will be in your game list. While playing the game you will face some difficulty in completing this game. And from than onwards you may look some cheat codes that can help you in completing NFS carbon. And to make it easier for you here is the list of some working cheat codes and trainer. But you proceed to know about cheats and tricks for Need for Speed Carbon you would like to know the adventurous story of the game. So let's start. The game is set in the fictitious city of Palmont. Soon after the player leaves the Rockport City ( remember jumping of an old bridge in last scene of NFS Most Wanted) the player drives on a route to Palmont city with his BMW ca...

How to Watch Any TV Show or Movie on Kodi

Kodi is a cross-platform media center solution developed by XBMC/Kodi Foundation, a non-profit technology association. Kodi which was previously known as XBMC has been growing rapidly from last few years. While the application offers to play local media files, but, it has plethora of third party add-ons, which, we can use to increase it's usefulness. In this post, you'll learn the process to install Indigo and Exodus on Kodi 18 (64-bit). The process is similar on version 17 of this app, however, I haven't checked the previous versions. Note : Streaming copyrighted content is illegal, nevertheless, it's completely legal to use Kodi for viewing the content you've purchased. First, we'll need to add Indigo Installer. Follow the following steps to know how to do it: Open Kodi . Click on the Gear button (settings). Select File Manager . Double Click on Add Source . Click on <None> ... ...type  http://fusion.tvaddons.ag and...

Top 5 Alternatives to Extratorrent

In an unforeseen move, Extratorrent decided to shut down few months ago. It was one of the most popular torrent site, but now users who visit it's homepage are greeted with a message which clearly states they are not going to return in the future. Now that they are gone, various clone sites such as extratorrent.cd has been setup to squeeze money from the confused visitors via its advertisements. People visiting these clone sites should know that the original ExtraTorrent owners have deleted all data, and none of the impostors have access to the old ExtraTorrent files. There are many alternatives out there. You just need to look at the right place. Take a look at the following original torrent sites which might entice you. 1337x.to 1337x is probably the best designed torrent site you'll ever come across. Although it lacks the ExtraTorrents' rating system, nonetheless, most of the contents are verified by moderators. The site has easy-to-navigate subsections whic...