Basically on any text on your blog you can make a sliding underline appear on hover (when you place the cursor over it).For me this effect works best on headings and links as these are the text visitors to your blog will hover on most.In future posts I may show how to add the effect to all links on your blog or maybe to Labels/Tags (Like the previous Bump effect for Blogger labels we published in 2011).
OK, hover over the "Show Me The Effect Already" text above to see the magic, cool ehh ?
Hover Here For The Effect In A Heading.
And Hover Here for It In A Link.
What About The Underline Slide From Right To Left ?
Add The Slide Underline Effect To Your Blog
Using this effect on your blog could not be easier and below I have tutorials for WordPress and Blogger.First I have the CSS to make the effect possible then I will show you how to add the tag to the text you want to have the effect.
Add Sliding Underline To WordPress Tutorial
1) In Your Wordpress Dashboard Click 'Apperance' > 'Widgets' > Add A text Widget to your sidebar and paste in the code as shown in the video below :