Adding a Simple Text Mouseover hover Colour change in Blogger

Usually people ask how they can add a colour mouse over hover in there links in Blogger? Most of the blogger templates posses this feature built-in but some of the blogger template doesn't has this feature.So you have to work a bit to insert a colour mouse over hover.We will simply add a CSS/HTML code which will enable our blog to change the colour of the link when some one place there mouse over it.So lets get started without any further delay

Adding Colour Mouse Over Hover Script in Blogger:
Go To <Your Blog>--------<Layout> -------- <Add A Gadget> -------- <Html/Javascript>  and then simply paste the following code


a {color:blue;}
a:hover {text-decoration: underline;color:green;}
a:visited {text-decoration: underline;color:blue;}

Customizing the Mouse Over Hover Script:
1.Now to change mouse over hover colour from green to your choice simply replace green in the script
2.To change the visited links colour simply replace blue with your choice in the script.Important:You can also use RGB colour code instead of colour names
3.To Change the text decoration from Underline to your choice simply replace underline  to your choice.Important:You can use Bold,Underline,Italic as text decorations

Now after  customizing   simply save the gadget and now go to your blog and your mouse over text hover will work like a charm.

From The Editors Desk:
So that how you can insert Mouse Over Hover in Your Text Links In Blogger.In this post I have tried to make it as short as I can.I have checked many other ways of adding mouser over hover in text links which are quite long.The reason why I make it simple for you.I hope you will like my efforts in you have any question feel free to ask.See yaa 

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).

Comment With:
Choose Wisely!


July 1, 2012 at 9:45 PM

good job yar thanks for the easy english now i know how to get rid of this particular problem

July 15, 2012 at 10:31 PM

customizing mouse over the script, i was thinking, it is good information. web designing bangalore

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

Helping You to do Cool Things With Blogger Since 2012™.

© Copyright 2012 - 2018. MBL Networks, All Rights are Strictly Reserved.