Thursday, September 13, 2012

Random Post Widget For Your Blogger Blog

Author: Gagan Masoun
Random Post Widget For Your Blogger Blog
In this tutorial we have a Random Post Widget for your Blogger blog. A simple way to display older posts from your blog's archives. The Gadget acquire style from your blogger blog.With the help of this widget you can promote your blog's older posts.When your readers see random posts in "Random Post Widget" on sidebar, then definitely they will click & stay long time on your blog.Let's start the tutorial:

Screenshot Demo Of Random Post Widget

Random Post Widget

Advantage Of Random Post Widget

  • Quick Loading 
  • Older Posts With Thumbnail
  • The Date Of Post & Comment Link
  • Normal Javascript Codes
  • Easy To Install and Customize
  • Work On All Web browsers
  • Mobile Web Browser Friendly
Worth Reading:

How To Install

  • Go to Blogger Dashboard > Layout > Add A Gadget > Choose HTML/Javascript
  • Copy And Paste The Code Below Into The HTML/Javascript Gadget :
<style>#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='Comments';
var rdp_disable='Comments Disabled';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp86x5T_pZivuvVOJWQIiFLphMQwY2ziTmFGfj1v-uT4JnLH2A9okWe0holkfgduLVhJn4yGtyeDAUo4CNQD2dPbncFVVmZ0FCh15V9iws8Q1eMldrIhvG28ekCU9o5ynBSLP2JL-pYB0/s1600/na_image.jpg"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>
Remember Notes: Change Yellow Colored Value to Number Of The Posts To Display In Your Blog.

Also Read: Add Snow Falling Effect To Your Blogger Blog

Need any help? Ask via comments.Happy blogging & Stay Blessed.

Author
Author - Gagan Masoun is the owner of Blogs Daddy Blog.Gagan lives in India, has been blogging since 2010 and writing Blogs Daddy Blog since 2011.You can find him in the usual social networks.

3 comments:

  1. Very nice random widget..
    Thank you very much

    ReplyDelete
    Replies
    1. I'm Glad, you like it,, thanks dear :) ,keep in touch for more updates..

      Delete
    2. Cool Widget I'm using it in video blog
      but actually the thumbnails are not appearing in some.
      might be its video embedded problem
      but can you tell me solution ?
      my blog link :-- http://female-modeling-videos.blogspot.in/

      Delete