How To Use Sliding Underlines On Blogger And Wordpress

As someone constantly looking at design and ways to add to the design of blogs often it's the little things that amuse me.This post is definitely an example of that, something as simple as an underline sliding out under a heading or for that matter any text most would see mundane but I see as 'Cool'.So lets look at the effect, first up it's a very easy effect to use on your blog no code knowledge is needed.

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

Show Me The Effect Already !

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 ?

No Problem hover over the heading above or this text to see the slide from right to left.

Add The Slide Underline Effect To Your Blog

Click Here To View Full Post >>