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?


Answer:
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 {
margin:1;
font:$bodyfont;
background:$bgcolor;
color:$textcolor;
}
These would be followed by following lines of code:
a:hover {
color:$titlecolor;
text-decoration:underline;
}

Replace or change these lines to:
a:hover {
color:$titlecolor;
text-decoration:underline overline;
font-size:20px;
}
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.

-0-

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.

Comments

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

    ReplyDelete
  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)

    ReplyDelete
  3. Julia,
    I can see that links on you page do change color on link hover. They red. Adding the line
    font-size:20px;
    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. :)

    ReplyDelete
  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! =)

    ReplyDelete
  5. Glad to be of help.

    ReplyDelete

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

Kishore Kumar, Yodel-ay-ee-oooo Songs, A List

*Updated with corrections pointed out by Bart Plantenga , author of some incredible book on Yodeling including Yodel-Ay-Ee-Oooo: The Secret History of Yodeling Around the World. -0- Kishore Kumar 's brother Anoop Kumar, who we basically know for the line ' O manu tera toh hua ab mera kya hoga ', used to own lots of Austrian music records. And from these records, Kishore Kumar picked up the art of Yodel singing, an art perfected in bathroom and then introduced by him to the world of Hindi film music. According to his biography 'Kishore Kumar: method in madness‎ ' by Derek Bose, "Kishore was a fan of the Swiss singer Tex Norton [* Tex Morton, an Australian cowboy born in New Zealand who sang  in the gene autry / Jimmie Rodgers style ] and the Australian Jimmy Rogers [* Jimmie Rodgers , perhaps the most American and one of the most famous yodelers in the world, famous for his blue yodels ] as well." Although most of these songs by Kishore Kumar are t