Add A New Random Post List Gadget To Your Blog

Add A Random Posts Gadget To Your Blog

Step1. In your dashboard click 'Design' > 'Add A Gadget'

Step 2. Choose Html/Javascript Gadget and paste the following code into the area provided :

<a href='http://costumizeyourblog.blogspot.com.com'><img alt='Blogging Tips And Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL9psXmyTdHAs8RWGYcjkDo1-5fAPCyNNPz4eLtW2OlclrcvshCfYmgLDMJERHft0g4hpbKPKqGXrzjTWWKgr-5wF1hkCPpX9A384fj6tTDfVa7NGuN78xgPwdNN79nlQUMswj9cPPC4J4/s1600/best+blogger+tips.png'/></a><script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=6;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>

Note : You can change the number in red to choose how many posts you wist to have displayed.

Step 3. Give the gadget a title, Like : 'Random Posts', 'Posts From The Archive' etc.. Save The Gadget.