Show your recent posts by adding a simple widget

Show your recent posts by adding a simple widget as in my blog it shows your latest 10 posts as a list in your main page so the readers can easily read that posts.This makes increasing number of visitors to your blog.Now i will tell you how to add this widget.
Login to your Blogger account and navigate to Layout section
Add Page Element HTML/Java script.
Copy the below codes And paste it.
After that you have to change the red colour to your blog name and save it.Thats it hope you like it


<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://rilwanblog.blogspot.com/2009/10/show-your-recent-posts-by-adding-simple_7783.html" title="Grab this wiget">Grab this Widget</a></p>


Now change the red colour to your blog name thats it. Hope you like it leave a comment.

0 comments :

Post a Comment