July 10, 2012

0

Random Posts Widget For Blogger

  • July 10, 2012
  • Don ZikkO

  • 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 more random 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 in recent 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.
    Credits for widget to Bloggodown.

    0 Responses to “ Random Posts Widget For Blogger ”


    *Important - If you want to be informed of any replies to your comment, check the "Subscribe By Email" before submitting. Please Do Not Spam

    Post a Comment

    Pls No Spamming or Any Form of Abuse!
    Thank You•

    Give us your feedback ...