Monday, April 16, 2012

How To Add Random Posts Widget For Blogger


Though popular post widget and recent post is popular but still you need to add random post widget in your blogspot site to sustain your visitors.Lets see how to add random post widget in blogger

How To Add Random Posts Widget For Blogger

Go to Dashboard > Design

Now go to Page Element > Add a Widget > HTML/javascript

Now simply paste the following code in HTML/javascript box

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;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 src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
You are done.you can change the number according to you want to show the number of posts

If you like please spend few moments to share this

0 comments:

Click Here To add Comment