jQuery Animated Scroll Recent Posts With Thumbnails Blogger Gadget

When people visit your blog it is important to keep them there for as long as possible, the longer someone is on your blog the more likely they will be to return and subscribe or follower.Displaying a list of your most recent posts in your sidebar is a great way to keep those visitors busy.There are lots of recent posts gadgets and archive gadgets you can use but the one we will cover in this post will defiantly grab the attention of people on your blog.

This recent posts widget is similar to the standard recent posts with thumbnails but with one great twist.This gadget displays your most recent posts and includes a small thumbnail but it has the added extra of using an animated effect that smoothly scrolls through the posts.

You can see a working example of the gadget on the Demo page here : Demonstration Blog

Animated Recent Posts For Blogger

Update May 2011 - Some people were having trouble with this gadget not working so i have added a second code.Just try the first code, making sure to add your Blogs URL as shown and if it does not work try the second code.

Step 1. In your dashboard click 'Design' > 'Add A Gadget' >





Step 2. From the pop up window choose the Html/Javascript gadget



Step 3. Copy the following code and paste it into the Html/Javascript gadget

Code 1.

Note - If you have previously added jQuery to your blog you can remove the line at the top in yellow.Also make sure to see the instructions below on adding your Blogs URL.

Get This Blogger Gadget

Code 2

Note - If you have previously added jQuery to your blog you can remove the line at the top in yellow.

Get This Blogger Gadget

Thanks to Abu Farhan for this code.

Important : If you look in the code you will find http://www.yourblog.blogspot.com/ replace this with your blogs URL.

Optional Changes : There are lost of changes that can be made to the code if your comfortable making changes, the main edit you may want to make is the number of posts displayed.To change the number of posts that are scrolled through change the following :

numposts =10;

You can change from 10 to the number of posts you wish to have displayed.

To see how to add the original version of this gadget that does not use the scroll effect check out the Featured Posts With Thumbnails Post from last month.

Add Your Comments, Views And Questions Below.