How To Add A Stacked Scrolling Recent Posts Widget To Your Blog

In this post i will show you how to add a stacked animated recent posts widget to your blog using Google Ajax feed API.The widget is easy to add to your blog and can be placed in your sidebars under/over posts or anywere you can add html/javescript gadgets.In a previous post i covered adding a single scrolling recent posts widget to your blog using the same format Click here for that post

Preview

Heres a screenshot of how the widget looks showing my recent posts :



Demo : Click Here To See A Working Demo Of The Widget

Get Your Stacked Recent Posts Gadget

Heres the steps to add the widget to your blog displaying your recent posts :

1.Click 'Layout'->'Edit html' for your blog

2.Click 'Add a gadget'


3.Select 'html/javascript'

4.Paste the following code into the area provided:

Recent Posts Loading...

Now you must make the following changes to the code:

1.Were you see 'YOUR BLOG TITLE HERE' in the code above replace with your blog title

Example: Spice Up Your Blog

2.Were you see 'PUT YOUR FEEDBURNER URL HERE' in the code above replace the text with your feedburner URL.

Example: http://feeds2.feedburner.com/spiceupyourblog
(Don't have a feedburner feed? Click here to get one.Its a Google service only takes a few minutes.)

Once you Have made the changes click save and your done !

You can do much more with Google Ajax feed API Click here to go to the Google page.