Recent or Filtered Post widget is a jQuery and Ajax based Widget which will fetch either the recent or specific posts according to the tags/categories mentioned and will make a cool HTML unordered list. You also show Thumbnail of the posts or a default image if Thumbnail not available or even disable it for faster load! Customization options includes, number of posts, Container Id (where is list is going to get appended), Thumbnail height and widht, Custom List class to modify more with CSS, Link tooltip title and more!

A typical usage of the widget is to show Recently published Articles on your BlogSpot blog of course having the jQuery framework using an advanced technique which will not slow down the loading of your blog! Below is a complete Feature list

Feature List

Easy to Use: The best feature of all time! No need to get your hand dirty on loads of JS codes. Just call the function in jQuery style with some parameters and you are done! Our jQuery/Ajax based loading makes sure that everything remains tidy and clean

Smarter: jQuery and AJAX Based, so quick internal loading, when the document is ready to go! No more hang up on browser due to messy JS! Only a Compressed 2KB of JavaScript file to do the work for you! You have options to disable or enable image thumbnails

Intelligent: When image is enabled, then uses the full feed, else uses the summary feed to save bandwidht. Also default image-URL option, for those posts, which do not have any image inside. Means for posts without images, you can also show some default image

More Options: Can be used either as a Recent Post widget or to filter out posts on a particular or even multiple category. You can set number of posts on each category and customize the list using CSS!

Light Weighted: The Compressed JavaScript for Porduction purpose is only of 2KB. Also a 8KB source code file is attached for development purpose, but you should not use that for linking to your website! Use the minified version!

Cool AJAX style loading: Append any AJAX Style loading image or loading text inside the selectorDiv and it will stay until the the whole process has finished! Now thats cool isn’t it ;)

Can be also used to get links from another BlogSpot/Blogger blog and can be used anywhere where JavaScript is enabled

You can specify the container by jQuery style selector (same as CSS selector! So no need to worry) where you want the list to get appended. Also you can set it empty to make a container there by the script itself!

Option List:

While calling the Function, we can set many options inside it in the following style

 
<script type="text/javascript">
RecentFilteredPost({
    'option1':value1,
    'option2':'value2'
});
</script>

You can exclude any of the option, to have the default value! I have set the following options and their respective default values. Also read the description to know the usage:

Check on the WIKI

The Default CSS to be used:

As said on the options, you can customize anything using CSS with proper selector. If you have not changed the class of image and ul, then for your ease, you can use the following CSS safely!

CHECK ON THE WIKI

Usage and Guide:

Known Issues:

So far I have found, only one issue with the code!

We can call the code only one time per page! Even if we change the UserOptions then also it will add to the previously called selector.

I already have the idea to resolve this, and will start working on this soon, so that we can call this on as many selector we want on a single page, through a single call! But hopefully everything else is working fine, else you may report issue on the project page!

Acknowledgments:

Firstly I would like to thanks Mike at MoreTechTips! for his great tutorial on jQuery and Blogger Feed API. Without going through this tutorial this really would have been tough for me to make this Project!

Also thanks to my co-blogger Pyrotechnicpixie for helping me on developing the Project on many aspects!