
Abdul-Hakeem.com is powered by Blogger. I use many widgets to improve page impression. The number of posts links in Random post widget to be displayed can be controlled by the webmaster. Now getting back to our topic,
Steps to Show Random Posts in Blogger:
1. Login to Blogger Account.
2. Go to Design –>Add a Gadget, and select it as “HTML/JavaScript” widget.
3. Now Copy and Paste this code in to it:
<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>
<span style='font-size: 80%'>Widget by <a href='http://www.bloggerehow.blogspot.com'>Blogger eHow </a></span>
Note:
If you which to change number of post displayed.Change the no 5 marked as red in this code numofpost=5
Credits:
This widget script was developed by Field of Dreams
Enjoy!
No comments:
Post a Comment