Nitesh is back to blogging.. Apologies for no updates since last 2 months..

How to show 10 posts instead of 5 posts in blogger

Posted by Nitesh Kothari on 17 October 2008
Share this post:
Ma.gnolia DiggIt! Yahoo Furl Technorati Reddit

One of the most popular and useful blogger hack or blogger widget is Recent Posts. This blogger hack lets you display recent posts of your blog. Maximum number of bloggers use blogger feed for this purpose. But, this method one limitation, i.e. only 5 most recent posts can be displayed. I had promised my readers that Wolverine Hacks will have a new look soon.While designing a new template for Wolverine Hacks, I planned to have a widget which can display 10 most recent posts.

How to show 10 recent posts

I tried to edit the blogger code to make this possible but all in vain. Thus, I used JavaScript to show more than 5 recent posts. Here is the code:

function rp(json) {

for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;

if (i == json.feed.entry.length) break;

for (var k = 0; k <; k++) {
if ([k].rel == 'alternate') {
posturl =[k].href;

posttitle =;
var readmorelink = "(more)";
readmorelink =;
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";

if ("content" in entry) {
var postcontent = entry.content.$t;
} else if ("summary" in entry) {
var postcontent = entry.summary.$t;
} else
var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");

if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);

if (showpostsummary == true) {
if (postcontent.length < numchars) {
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);


var numposts = 10;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;

<script src=""></script>

<div class="clear"></div><p style="text-align:right;"><a href="" title="Grab this wiget">Grab this Widget</a></p>

If you want to use this blogger hack, just copy this code to a new HTML/Javascript Gadget.

Final Words

I hope you will find it useful for your blog. Give it a try and leave your feedback or query here. What do you want me to write next?


Taylor said...

Hey man. Awesome hack. Thanks for the blog comment on Video Blogging Tips. I greatly appreciate it. Keep up the good work on your blog. Already subscribe. Thanks man! Keep in touch!

Erotic Horizon said...


This works perfectly, have tried others nothing works...

this is perfect.


Post a Comment

Thank you for commenting at I follow "U comment I comment" movement. All the comment are dofollow. Please do not spam or leave meaningless or short comments. I expect you to leave me meaningful, relative and genuine comments. Thank you.