Don't Miss

Random Posts widget shows random posts from you blog. Your visitors don't have time to go through all the posts that are published on your blog. Adding this random posts widget to your blog will show random posts from your blog and will help your visitors to surf more on your blog. It comes with new posts every time when the page is refreshed. This widget will also make your visitors to get more interested in your blog. Today, in this article we are going to share a Stylish random posts widget for Blogger with image thumbnails and summary.

Stylish Random Posts Widget for Blogger

Step 1. Log in to your Blogger Account
Step 2. Go to Layout >> Click on Add a Gadget
Step 3. A popup window will open containing widgets, scroll down and select HTML/JavaScript widget from the list of widgets
Step 4. Copy the below code and paste it in the Empty widget box

<style>
#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.6;}
ul#random-posts {list-style-type: none;padding: 0px;}
#random-posts a {font-size: 12px;text-transform:uppercase; 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;}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=8;
var rdp_snippet_length=120;
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/AVvXsEgGrOU5UDIL5Gg8ry8TMROg8HNhNta3BpCULvk2UNlEot4bOi9XZj7Dmf1TRWSEarC9ciKpbnqOfiozS0Z0yNIeEEN8BDjz1NlapW7H0jy8XGRw5QL9Be2yUm3DP0EE5NAR9h5CDEJBTh8/s1600/default.jpg"}}};document.write('<li>');document.write('<a href="'+rdp_posturl+'" rel="nofollow"><img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/></a>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span><div  class="rp-info">'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</div></span>'};document.write('<br/><div class="rp-snippet">'+rdp_snippet+'</div><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>

Customization:
  • To change the size of thumbnails replace both 75px with your dimensions for height and widget
  • Replace 8 with the number of posts you want to show
  • Replace 120 with the number of characters you want to show in summary
  • To hide the comments count and date change yes to no
Step 5. Hit the Save Button
And you're done

From Editors Desk

Share this article with your friends and don't forget to subscribe us. Take Care!

Tags:

12 comments to ''Add Stylish Random Posts Widget to Blogger with Image Thumbnails and Summary"

ADD COMMENT
  1. One of the fundamental preferences to this program is that it is absolutely online based and uses no hard plate space (when contrasted with Photoshop which utilizes around 400MB).https://photolemur.com/photo-editor

    ReplyDelete
  2. The champs and maybes should be chronicled, and after that altered to make them ideal for the last print.
    PinkMirror App

    ReplyDelete
  3. It's doing well on my website from www.freshnigerianjobupdates.blogspot.com

    ReplyDelete
  4. Web does not permit high-goals overwhelming records. Regardless of whether it permits, it will set aside longer opportunity to stack.vectorization services

    ReplyDelete
  5. Blogging is one of the best ways to show your expertise in Internet for your niche. There are millions of websites in Internet which provides information related to various niche. Some provide content from all niche and millions of readers visit these sites daily. Clipping Path service

    ReplyDelete
  6. nice post and article.
    https://www.clippingpathexclusive.com/deep-etching-service/

    ReplyDelete
  7. Graphic design programs tend to use a lot of RAM and that can lead to poor system performance if the laptop is not prepared for such a task. web designer nuneaton

    ReplyDelete
  8. A website may very well be the best way to establish a company's own internet persona and business entity. Xeno concept

    ReplyDelete
  9. For the most part there is an additional charge for single things like creating recordings, ads and advertisements, photograph shoots, copywriting, etc. Inquire as to whether they are a piece of your marketing plan.
    Sandra Smith

    ReplyDelete
  10. https://e-sarkarinaukriblog.blogspot.com/

    ReplyDelete