TIPS FOR BLOGGER

TIPS FOR BLOGGER ready to make your blog as a dynamic site......

21 May 2011

0

Random Posts Widget For Blogger

Random Posts Widget For Blogger i.e each time the page of your blog refreshes the posts on the blog showed by this widget changes, means this widgets always shows unique posts from your blog with unique combinations at random,i.e the widget selects the posts randomly from all your blog posts and never knows which post might it pick from your blog to show.Really this is the gem of the widget you really should show on your blog for sure.
As before this i had blogged about a one morerandom posts widget in which a link was made and clicking on it would show random post in blog.



Now how to add this widget in the blog.

1. Log into Blogger >> Layout >> Html/Javascript .
2.Then paste this code in it.



<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>


Change the the text no in red above in codes to select how many random posts you want to display.

And Save the Widget.Now you will be shown up the the title of the posts in widget like you see inrecent posts, recent comments or popular posts widget and all the posts will be picked randomly.

Now How to show random posts title with post summary.

Just open this script or download this Random Post Script.

Either host it to your server or use this script only.

You can get Free File Host Here.

1. Log into Blogger >> Layout >> Html/Javascript .
2.Then paste this code in it.

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=5;var wordnumber=5;</script>
<script style="text/javascript" src="http://btemplatescripts.googlecode.com/files/random-posts-with-summary.js">
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>


Just change the green url with your script url which you uploaded to your server,if you want.

Alter the codes in red in above codes to adjust the count of posts and and how much word summary you want up to show up in the widget.Thats it so Simple.If you have any problems leave your comments below.




0 comments:

TIPS FOR BLOGGER Copyright © 2010 | Template design by NANDA | Powered by NILAVAITHEDI