Add Random Posts Widget to Blogger with Thumbnails & Snippets

Random posts widget is an excellent widget for blogger. We use a lot of widgets to make our blogs more attractive. Random posts widget is an important and smart widget that makes your blog more users friendly.

You may have a lot of posts on your blog, some posts are old and some posts are new. It is not possible to show all the posts on your blog's homepage because you have to display other widgets on your home page. When visitors come to your blog they always try to see those posts which were displayed on your homepage. Because they easily find these posts and they do not want to waste any time for looking for your older posts. Visitors always read those posts which they find without any hesitation. You should have this facility on your blog so that visitors can find your any post without any delay.

By using random posts widget you can solve your problem. This widget helps the visitors to find your older posts more easily. Because this widget shows your older posts on your home page. By using this widget you can increase your page visibility and visitors will not go another site if they see other important posts in your site. So you should add this widget with the help of my article.

Random Posts Widget

Add Random Posts Widget

Step 1: Go to your Blogger Dashboard >>>> Layout >>>> Add a Gadget

Random Posts Widget

Step 2: Now a popup window will appear click on HTML/JavaScript

Random Posts Widget

Step 3: Now copy the below code and then paste the code into the Content box

#random-posts img{border-radius: 10px;float:left;margin-right:5px;
width:75px;height:75px;background-color: #F5F5F5;padding: 3px;transition: all 0.2s linear 0s;}
#random-posts img:hover{opacity: 0.7;}
ul#random-posts {list-style-type: none;padding: 10px;}
#random-posts a {font-size:16px;  text-decoration: none !important; text-transform: capitalize; padding: 0px auto 5px;}
#random-posts a:hover {text-decoration: none;}
.rp-snippet {font-size: 11px;background: none; padding: 5px; margin-right: 8px;}
#random-posts span {}
#random-posts li {margin-bottom: 10px;border-bottom: 1px solid #EEEEEE; padding: 4px;}
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=110;
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 type="text/javascript" src=""></script><hr/><small><a style='margin-left:10px;font-size:8px;align:right;float:right;margin:2px;text-transform:capitalize;color:#AEAEAE;' href='' target='_blank'>Random posts widget</a></small>

Step 4: Now click on Save button. That's all.

 Random posts widget is very important if you want to show your older posts on your homepage so that the visitors can easily read these posts.

Post a Comment


  1. I am very glad to get this website, I got many useful and helpful posts from this blog. You are right visitors always try to see which were displayed on our homepage, this is quite natural. Homepage is one of the easy way to search post without waste any time.