Monday, 2 January 2012

How To Add Random Posts Widget In Blogger

Your readers only see the recent (just published) post. They are not able to see your older quality contents. Because there is no any other option to bring up your older post in blogger. I’ve made a simple javascript module that can fetch out random post from your feeds including your older posts. This can help you to show each older or inner post of your blog.
How to add this widget to your blogger blog.


Logon to Blogger
Go to Layout > Add a Gadget


Click on HTML/JAVASCRIPT

Paste the below code to the pop up window which that you just open. Give it tile Random Post.
<script type=’text/javascript’>
var randarray = new Array();var l=0;var flag;
var numofpost=5;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write(‘<ul>’);
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel==’alternate’){var item = “<li>” + “<a href=” + entry.link[k].href + “>” + entry.title.$t + “</a> </li>”;
document.write(item);}}
}document.write(‘</ul>’);}
</script>
<script type=’text/javascript’ src=’/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts’></script>
You can change the number of links to display. Change the number highlighted in red to your needs. It depends upon you how many post link you want to display.
And click Save.
Now result should look like this:

Hope this was helpful to you. Now, your reader can see your each blogger post.

No comments:

Post a Comment