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 Get Unlimited Ammo and Health in IGI 2

After many days I am sharing a cool and interesting trick for game lovers. Do you enjoy playing IGI2? Of course you like this game. But many of you may be facing verious difficult situations in completing this game. It's because the missions are really tough and you can't complete whole IGI 2 without using it's cheat codes. There are many hacking tricks for IGI available in the Internet but most of them don't work. And this is the reason I am sharing these cheat codes to you. After reading this post you will be able to play this game without losing any health and ammo. We'll use a lite application to achieve the immortality and infinite number of ammo in this game. You will have to download the software from the link that I will provide you a little later in this post. Let's first know what this software will do. It will allow you to keep your health unlimited in IGI game. And if the health will not decrease then you will never die in the game IGI. You wil...

Enhancing Productivity with Virtual Desktops in Windows 11

In the fast-paced digital age, multitasking has become an essential skill for maximizing productivity. With the release of Windows 11, Microsoft introduces an enhanced Virtual Desktop feature that empowers users to organize their workspace, manage tasks efficiently, and seamlessly switch between different contexts without the clutter. In this article, we'll delve into the world of Virtual Desktops in Windows 11 and explore how this powerful tool can elevate your productivity to new heights. Task View  The Power of Virtual Desktops Virtual Desktops in Windows 11 provide users with a dynamic way to manage their open applications and tasks. Think of them as separate workspaces, each with its own set of open apps, files, and windows. This allows you to group related activities together, effectively creating a focused environment for different projects, tasks, or workflows. Getting Started with Virtual Desktops Setting up and using Virtual Desktops in Windows 11 is a breeze: 1. Creating...