Skip to main content

Link Hover Effect for Blogspot

All right then!
A commenter asked me how did I manage to apply mouse over link hover effect to my Blog.
First thing first.

What is a link hover effect?

Julia was the commenter
On moving the mouse on the link, the way link is displayed, changes. In the above case, the link gets an underline, an over line and the font size of the link increase.

How did I get hover effect in Blogspot?

In blogspot a link has four properties attached to it
a:link { }
a:visited { }
a:hover { }
a:active { }
here actual attributes are given inside {}
For hover effect, we are concerned with the property
a:hover { }

It is quite simple actually
This requires making changes to the HTML code of the blog.
For the beginner this might be useful:

Also, remember to backup the template first using Download full template option. This is the most important step. I can’t tell you how many times I have muddled my template without taking a backup and later regretting it. It was good learning but you can act smarter. In case of any problem one can revert to earlier state by uploading the backed up XML file.
The basic template for this blog is Minima that I have modified into a three-column template, but these would apply on all Blogger template.
In the code search for the lines
body {
These would be followed by following lines of code:
a:hover {

Replace or change these lines to:
a:hover {
text-decoration:underline overline;
That’s the simple code for my blog to great effect.

Similarly, you can manage many other effects like changing the text color of the links and highlighting the background color when the cursor is over the post title.


For more drastic effects, I would suggest this blog having great tips for new bloggers.  Found it quite useful in my early days of blogging.


  1. thanks, i try this on after i write this comment, i'll update u!

  2. i can't do it!

    (btw, my readers are going into your blog, because they think your blog is connected with that $candal. haha)

  3. Julia,
    I can see that links on you page do change color on link hover. They red. Adding the line
    Would change the font. It quite simple.Do try.
    Those stories do get a lot of traffic. I did get a lot of hits from your blog. :)

  4. i already do it!
    but i only change the font size not the color,

    thanks for the help.

    (at first i can't find that line of code!)

    thank u very much! =)

  5. Glad to be of help.


Post a Comment

I always like to hear back :)
However, irrelevant comments and irrelevant links will not be published. Needless to say, same goes for abusive comment and spam. Leaving back links related to the topic is encouraged. I know it can be tempting but try not to leave your email ids, phone nos and CVs in the comment.

Popular posts from this blog

Famous Old Faces of Doordarshan

Some people recall the faces and some people recall the names. Here are images of some of the famous readers and presenters of Doordarshan down the years. If you recognize any of them, leave a comment. [ Update 1 : Most of the faces now have names thanks to helpful comments by olio-gallimaufry ] [ Update 2 : Included image of one of the earliest presenters, Gopal Kaul. Send in generously from personal collection by son, Ashutosh Kaul. Sept, 2010.] [ Major Update 3: Got a tip-off about a documentary about the famous faces of Doordarshan from the makers   of     “The Golden Trail , DD@50 :Special feature on Golden Jubilee of Doordarshan ” from which these caps were taken. I managed to catch the incredible documentary and am adding some more faces/name and part of the docu here. New ones can be found after the image of  Narotam Puri. 30th Oct, 2010]  Pratima Puri. Believed to be the first Doordarshan reader.

Indian Cigarette Vintage Ads

He put a cigarette in his mouth and, as a matter of silent routine, offered one to Gwyn, who said ‘No thanks.”Richard looked at him.”I packed it in.”"You what?”"I stopped. Three days ago. Cold. That’s it. You just make the life choice.” Richard looked up and inhaled needfully. He gazed at his cigarette. He didn’t really want to smoke it. He wanted to eat it. Almost the only thing that he still liked about Gwyn was that he still smoked…Paradoxically, he no longer wanted to give up smoking: what he wanted to do was take up smoking. Not so much to fill the little gaps between cigarettes with cigarettes (there wouldn’t be time, anyway) or to smoke two cigarettes at once. It was more that he felt the desire to smoke a cigarette even when he was smoking a cigarette. The need was and wasn’t being met… While it would always be true and fair to say that Richard felt like a cigarette, it would now be doubly true and fair to say it. He felt like a cigarette. And he felt like a cig

Woman by Arun Kolatkar

a woman may collect cats read thrillers her insomnia may seep through the great walls of history a lizard may paralyze her a sewing machine may bend her moonlight may intercept the bangle circling her wrist a woman my name her cats the circulating library may lend her new thrillers a spiked man may impale her a woman may add a new recipe to her scrapbook judiciously distilling her whimper the city lights may declare it null and void in a prodigious weather above a darkling woman surgeons may shoot up and explode in a weather fraught with forceps woman may damn man a woman may shave her legs regularly a woman may take up landscape painting a woman may poison twenty three cockroaches - a poem by Arun Kolatkar from year 1967. Translated by Adil Jussawalla. Found it in New Writing in India (1974) ed. by Adil Jussawalla.