Help Us To Improve, We Need Your COMMENTS

    read more

    How to show 10 posts instead of 5 posts in blogger

    0



    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:

    <script>
    function rp(json) {
    document.write('<ul>');

    for (var i = 0; i < numposts; i++) {
    document.write('<li>');
    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 < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    posturl = entry.link[k].href;
    break;
    }
    }

    posttitle = posttitle.link(posturl);
    var readmorelink = "(more)";
    readmorelink = readmorelink.link(posturl);
    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, "");
    document.write(posttitle);

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

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

    }
    </script>

    <script>
    var numposts = 10;
    var showpostdate = false;
    var showpostsummary = false;
    var numchars = 100;
    </script>

    <script src="http://YOURBLOG.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>

    <div class="clear"></div><p style="text-align:right;"><a href="http://rapidgadgets.blogspot.com/2010/05/how-to-show-10-posts-instead-of-5-posts.html" 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?

    Posted on : | By : Er. Ankita Dhiman | In :

    One Response to "How to show 10 posts instead of 5 posts in blogger"

    Followers