Recent Post Widget for Blogger

A recent post widget is a very important one for your blog.Because it tells your visitors your recent post though they are not in the front page.This widget is a simple one where you can put any where you like in your.
Go to dashboard of your blogger > Layout > Add a Gadget > HTML/JAVASCRIPT Add the below codes

    <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 = 7;

    var showpostdate = false;

    var showpostsummary = false;

    var numchars = 100;

    </script>



    <script src="http://YOUR_BLOG.BLOGSPOT.COM/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script><br/><span style="font-size: x-small;"><a href="http://www.rilwansaeed.com/2010/08/recent-post-widget-for-blogger.html">Get Widget</a></span>





Change the RED to your blog address.
 

2 comments :

Anonymous said...

cool template man i was looking for this type of widget for few days and now i got the best one thanks man your tips

Aisha Iqbal said...

Great Brother. Always shocking me with your article :) I'll try it.

Post a Comment