Add Fast Loading Random Posts Widget To Blogger

Let us show your viewers some posts selected in random using this Cool Fast loading Random post widget for blogger. The main advantages of this are it's highspeed in loading, automatic addition of image thumbnails of corresponding posts, displaying number of comments near each post and finally, its clean looking design.

This fast loading random post widget will show any post on your blog. As for the part of luck, the widget may show the viewer the post that he had been searching for And thus locking him on your blog. So, lets bring it on.

Installation:

• Log in to blog's Blogger dashboard and move on to Template tab. Click on the EDIT HTML button.
• Search for the following code, use Ctrl + F

]]></b:skin>

• Then, Paste the following code above it

#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}

• Save the template.
• Get to the Layout tab and click on Add a gadget button on the desired part.
• In the newly appeared window, click on HTML/JAVASCRIPT.
• Copy and paste the following code there and give it a title

<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/AVvXsEhaiaMgPje_YqcsOvPJWIMmxPljY5IOMU7b3ginrDxBELdlInYIMPJzEDk1-ulbTxX_4N-ywpHuGvmmfexmFIrC8eE670LnGvHkaQiWeTR3rRTymvQZviXhRD1Q32VgJov7oV7N_P8Ph2k/s1600/default.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>')};<a href="http://boostweb.blogspot.com">.</a></script></ul> 

•  To change the number of posts to appear, change 5 with the desired number.
• Click on save. After the window is closed, Click on Save arrangement.
• Now, you can see the recent post widget in your blog.
• If you have any problem please comment below