Don't Miss

You might have seen hover effect on post titles on many blogs (especially in blogger blogs). Adding a CSS3 hover animation effect to post titles will increase your readership and it'll also attract your readers. One of our readers asked us that how to add a link nudge effect to post titles in blogger. So, today in this article we are going to learn how to add CSS3 hover animation effect to post titles in Blogger. How it works? Click on the demo button and move your mouse cursor over any post title to see how it works.

Add CSS3 Hover Animation Effect to Post Titles in Blogger

Step 1. Log in toy your Blogger Account
Step 2. Go to Template >> Edit HTML and search for the ]]></b:skin> tag
Step 3. Now copy the below code and paste it just above/before it

.post h2 {
margin:.1em 0 0;
padding:0 0 4px;
font-size:1.0em;
font-weight:normal;
line-height:2.5em;
color:#444;
font-family: Oswald, Serif;
}
.post h2 a, .post h2 a:visited, .post h2 strong {
display:block;
text-decoration:none;
color:#444;
font-size:2.0em;
font-weight:normal;
font-family: Oswald, Serif;
}
.post h2 strong, .post h2 a:hover {
color:#2aa4cf;
padding: 0px 00px 0px 10px;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
transition: all 1s ease-out;
}

Step 4. Click on Save Template button
And you're done!

From Editors Desk

We hope this article helped you in learning How to Add CSS3 Hover Animation Effect to Post Titles in Blogger. Share this article with your friends and don't forget to subscribe us!

50 comments to ''Add CSS3 Hover Animation Effect to Post Titles in Blogger"

ADD COMMENT
  1. i so much thank you for this work

    ReplyDelete
  2. To make 3D activitys in your toon arrangement isn't troublesome undertaking. the office device to frame movement works in your own particular creative ability. click site

    ReplyDelete
  3. This is genuinely an awesome read for me. I have bookmarked it and I am anticipating perusing new articles. Keep doing awesome!
    animation logo

    ReplyDelete
  4. The animation is very important for your product marketing and advertisement you can easily convey your message to the people by making the animated video, but the work if animation it’s not easy to everyone because it takes a professional level designer and art which you only get from this ilustra.co.uk/animatics/ website.

    ReplyDelete
  5. Teddy bear party is a unique and popular party idea guaranteed to all age groups. A teddy bear party offers creative, hands-on entertainment with the advantage of not having to worry about goody bags as each guest goes home with a new best friend they have made themselves. As you know, not all children choose a bear as their favorite stuffed animal so you might want to offer some flexibility here. most famous teddy bears

    ReplyDelete
  6. There is no restriction to how much a circumstance or an activity can be misrepresented yet at the same time stay to persuade. Animation Ants

    ReplyDelete
  7. There is no restriction to how much a circumstance or an activity can be misrepresented yet at the same time stay to persuade. Animation Ants

    ReplyDelete
  8. In any case, the fact of the matter is, we should realize that anime itself conveys a great deal of kinds and thought processes that can be disturbing more than we can envision. world of warcraft figur

    ReplyDelete
  9. Now what do we feed our http://catandcats.com/ Here is a subject that has so many pros and cons I could fill up 10 to 15 pages and still not come to a convincing conclusion. It boils down to commercial processed food versus natural foods plus the question do we feed our pets vitamins and supplements, too.

    ReplyDelete
  10. Teddy bear party is a unique and popular party idea guaranteed to all age groups. A teddy bear party offers creative, hands-on entertainment with the advantage of not having to worry about goody bags as each guest goes home with a new best friend they have made themselves. As you know, not all children choose a bear as their favorite stuffed animal so you might want to offer some flexibility here.
    Animation

    ReplyDelete
  11. They call it the “self-censor”, simply because you’re too self-conscious of your writing, too judgmental. Erklärungsvideo

    ReplyDelete
  12. House Lawyers… [...]just below, are some totally unrelated sites to ours, however, they are definitely worth checking out[...]… video logo maker

    ReplyDelete
  13. I wasn’t sure where to ask this, i wondered if the author could reply. Your blog looks brilliant and I wondered what theme and program you used? Any help would be a big help and i would be very greatful as I am in the process of beginning a blog similar to this subject! zahnarzt zürich

    ReplyDelete
  14. This is getting a bit more subjective, but I much prefer the Zune Marketplace. The interface is colorful, has more flair, and some cool features like ‘Mixview’ that let you quickly see related albums, songs, or other users related to what you’re listening to. Clicking on one of those will center on that item, and another set of “neighbors” will come into view, allowing you to navigate around exploring by similar artists, songs, or users. Speaking of users, the Zune “Social” is also great fun, letting you find others with shared tastes and becoming friends with them. You then can listen to a playlist created based on an amalgamation of what all your friends are listening to, which is also enjoyable. Those concerned with privacy will be relieved to know you can prevent the public from seeing your personal listening habits if you so choose. refurbished laptop

    ReplyDelete
  15. I’ve applied the valuable points from this page and I can definitely tell that it gives a lot of assistance with my present jobs. I would be very pleased to keep getting back in this web page. Thank you. zahnarzt zürich

    ReplyDelete
  16. Simply, the article is actually the greatest on that worthy topic. I agree with your conclusions and can eagerly look forward to your forthcoming updates. Saying thanks definitely will not simply just be sufficient, for the fantasti c clarity in your writing. I definitely will right away grab your rss feed to stay privy of any updates. Admirable work and also much success in your business endeavors! refurbished laptop

    ReplyDelete
  17. Hey, nice post, really well written. You should write more about this. [Reply] Cbd france

    ReplyDelete
  18. Very good points you wrote here..Great stuff...I think you've made some truly interesting points.Keep up the good work. Collective conscious

    ReplyDelete
  19. "Baby Driver" - Imagine if your job was driving the getaway car after major crimes for some nice profit. Now, complicate that job with a love interest, more than your fair share of sociopaths, listening to music to drown out physical & emotional pain, and boy, do you have a heck of an action movie here!

    123movie

    ReplyDelete
  20. Some truly nice and utilitarian info on this internet site , besides I think the layout holds wonderful features. web design in new york

    ReplyDelete
  21. My spouse and I absolutely love your blog and find a lot of your post’s to be just what I’m looking for. Do you offer guest writers to write content for you? I wouldn’t mind writing a post or elaborating on a number of the subjects you write related to here. Again, awesome blog! visit my site ex girlfriends web design in new york

    ReplyDelete
  22. Great info many thanks sharing and reaching us your subscriber list. website designers nyc

    ReplyDelete
  23. New York Travel Tips… [...]while the sites we link to below are completely unrelated to ours, we think they are worth a read, so have a look[...]… Goth jewellery

    ReplyDelete
  24. Hi there, just became aware of your blog through Google, and found that it’s truly informative. I’ll be grateful if you continue this in future. Lots of people will benefit from your writing. Cheers! best watercolor tattoo artist in Minneapolis

    ReplyDelete
  25. I will tell your friends to visit this site. .Thanks for the article. ny web design firms

    ReplyDelete
  26. I certainly enjoyed the method that you explore your experience and perception of the area of interest new york web designs

    ReplyDelete
  27. I adore your wordpress web template, wherever would you download it from? web design new york

    ReplyDelete
  28. This comment has been removed by the author.

    ReplyDelete
  29. I do not even know how I stopped up here, however I believed this post used to be great. I do not recognize who you are but certainly you’re going to a well-known blogger should you are not already Cheers! branding agencies in san francisco

    ReplyDelete
  30. I really like reading through and I think this website got some genuinely utilitarian stuff on it! . best branding agencies san francisco

    ReplyDelete
  31. I want to thank you for the excellent post!! I certainly liked every bit of it. I’ve bookmarked your web site so I can take a look at the latest articles you post later on. best branding agencies san francisco

    ReplyDelete
  32. Of course like your website but you need to check the spelling on several of your posts. Several of them are rife with spelling problems and I find it very bothersome to tell the truth nevertheless I’ll definitely come back again. brand identity design agency

    ReplyDelete
  33. Thank you, I’ve just been searching for information about this topic for a while and yours is the greatest I’ve discovered till now. But, what in regards to the conclusion? Are you sure concerning the supply? ux san francisco

    ReplyDelete
  34. This could be the right blog for everyone who is desires to be familiar with this topic. You already know much its practically not easy to argue along (not that I just would want…HaHa). You certainly put the latest spin with a topic thats been discussing for decades. Excellent stuff, just great! ux designer san francisco

    ReplyDelete
  35. Hmm is anyone else experiencing problems with the images on this blog loading? I’m trying to find out if its a problem on my end or if it’s the blog. Any feed-back would be greatly appreciated. interface design agency san francisco

    ReplyDelete
  36. aa den stora boken… [...]p Have you noticed any performance problems with the wordpress platform? I ha oj[...]… ux agency san francisco

    ReplyDelete
  37. This blog is very informative the stuff website design agency you provide I really enjoyed reading.

    ReplyDelete
  38. I have watched “boston legal” ever since in my college days, i love to watch courtroom drama;; device mockups

    ReplyDelete
  39. Hello. Great job. I did not expect this on a Wednesday. This is a great story. Thanks! web design agencies los angeles

    ReplyDelete
  40. wireless headphones are the best because they do not have those bulky wires;; web design la

    ReplyDelete
  41. Interesting website, i read it but i still have a few questions. shoot me an email and we will talk more becasue i may have an interesting idea for you. website design company

    ReplyDelete
  42. This design is spectacular! You obviously know how to keep a reader amused. Between your wit and your videos, I was almost moved to start my own blog (well, almost…HaHa!) Fantastic job. I really enjoyed what you had to say, and more than that, how you presented it. Too cool! web design

    ReplyDelete
  43. This framework may likewise give the way to affecting ongoing exchanges and make middle people, for example, deals representatives, stock intermediaries and trip specialists, whose capacity is to give a basic data interface among purchasers and venders, excess.best place to buy a cheap domain name

    ReplyDelete
  44. Overlapping action is another important principle of animation. It is the tendency for parts of the body to move at different speeds and different times. For example, when a dog is running, all its body parts are moving at different rates. Anime Like Sword Art Online

    ReplyDelete
  45. The bear has sewn in eyeballs, but do not worry they'll now not hurt your toddler.Veľký plyšový slon

    ReplyDelete
  46. Wax is somewhat obsolete yet it is as yet an elite and adaptable video editing programming. It tends to be utilized as an independent application, or as a module to other video editors. Video Production Toronto

    ReplyDelete
  47. Exercise isn't just about oxygen consuming limit and muscle size
    Health Darling

    ReplyDelete
  48. Carrying on with a more advantageous life may appear to be a difficult task.
    the nutrition, the activity, the internal joy
    Health Gender

    ReplyDelete