How to Add Random Posts Widget for Blogger

Random Posts Widget to Blogger will show random post from your blog to your sidebar or anywhere you want to show random post on blog. Rando... thumbnail 1 summary

11:19:00 AM

Random Posts Widget to Blogger will show random post from your blog to your sidebar or anywhere you want to show random post on blog. Random Posts Widget show post with thumbnails and also show comments with links. Recent widget always show new random post when blog pages refreshed. Because of every time it’s come with new posts from all post with every blog page refreshed so its help to increase view count of your posts. We provide full tutorial for adding a random posts widget with thumbnails on your blog.

How to add Random Posts Widget to Blogger

Please follow our step by step guide to add Random Posts Widget to Blogger:

Step 1

Step 2

Now click on Expand Widget Templates as shown in below picture.

Step 3

Now search below code with CTRL + F

]]></b:skin>

Step 4

Now paste below code just about it.

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

Step 5

Now save Template.

Step 6

Now Go to Layout and click on Add a Gadget as shown in below picture.

Step 7

Now add a new HTML/JavaScript Gadget as shown in below picture.

Step 8

Paste below code in HTML/JavaScript box:

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