Help Us To Improve, We Need Your COMMENTS
|
|
read more |
---|
Usually visitors arriving from search results land on older posts of a blog and cannot see the latest posts on that page. To circumvent this and to give them a taste of the latest buzz on your blog just grab the following “Recent posts widget”. It can be added as a page element and placed anywhere you want (In the sidebar, below the post etc).
Just copy the following code (in blue):
<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://rapidgadgets.blogspot.com/2010/01/simple-latest-recent-posts-widget.html">Widget By Rapidgadgets</a></span>
Login to your blogger account and go to blog’s Layout. Click “Add a Gadget” and choose “HTML/JavaScript”. Now paste the above copied text into the box and change the text in RED to your blog URL (You can also set number of posts to show, by changing number in green in the above code), give the appropriate title and click save and you are done. You can now customize the position of this widget through “Drag and Drop” in the Layout tab of your blog. You can see it working below post in my blog.
If you face any problem then leave a comment, I will try to solve it. Do share your experiences also.