Saturday, July 24, 2010

Recent Posts widget (new version with Spy effect)


Recent posts hack is always popular with bloggers. As we already have two versions of it.

1. 
Simple Recent Posts widget using feeds

and

2. 
Recent Posts with Image/Photo Thumbnail Widget

Here is the next version of Recent Posts widget with image thumbnails. But interestingly it includes a 
Spy Effect. This widget is not only elegant but also very easy to add to blogger.

The 
Demo is already present on free-blogger-help.blogspot.com/



How to Add Recent Posts widget (new version with Spy effect)

Just go to Dashboard > Layout > Page Elements > Add A Gadget > HTML/Java Script. And add following code there and save it.




   


    '); 
//]]>

UPDATE - If above code is not working with you then use the code given here.

If your template already have the 
JQuery code (http://ajax.googleapis.com/ajax/libs/jquery) then from above code remove the following part 

You can easily customize this widget to suite your blog.

numposts = 10; 
is the total no. of posts that will be shown in your blog.

Change
home_page = "http://free-blogger-help.blogspot.com/" to home_page = "Your blog URL";


Happy Blogging!

No comments:

Post a Comment