Add Random Posts Widget To Blogger

The Random Posts widget or gadget for Blogger volition display random posts published on your spider web log that, due to the natural construction of blogs, could teach easily lost deep inwards your archives. Most of the time, when novel people bring together your site, they rarely bother going dorsum to notice 1 of your practiced posts.

One of the best ways to plow over a novel life to your older posts is to display them inwards a random club inwards the sidebar. This tutorial volition demonstrate you lot how to add together a random posts gadget inwards a Blogger blog. The advantages of this widget is that it tin live easily customized together with loads pretty fast, also displaying the post service thumbnails together with how many comments they convey received.

If you lot desire to add together it, follow these steps below:

How to add together Random Posts Widget to Blogger

Step 1. Log into your Blogger account, together with then become to 'Layout' together with click on the 'Add a Gadget' link:

Step 2. Once the pop-up window appears, click to add together a novel 'HTML/JavaScript' gadget

Step 3. Paste the next code within the empty box:

<style type="text/css">
#random-posts img{float:left;margin-right:15px;width:75px;height:75px}ul#random-posts{list-style-type:none;padding:0}#random-posts li{margin-bottom:15px}.random-title{margin-bottom:5px}.random-summary{margin-top:5px;display:block}
</style>
<ul id='random-posts'>
<script type='text/javascript'>
var randomposts_number = 5;
var randomposts_chars = 50;
var randomposts_details = 'yes';
randomposts_details2 = 'no';
var randomposts_comments = 'Comments';
var randomposts_commentsd = 'Comments Disabled';
var randomposts_current = [];
var total_randomposts = 0;
var randomposts_current = novel Array(randomposts_number);

function randomposts(json) {
    total_randomposts = json.feed.openSearch$totalResults.$t
}
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');function getvalue(){for(var a=0;a<randomposts_number;a++){for(var b=!1,c=get_random(),d=0;d<randomposts_current.length;d++)if(randomposts_current[d]==c){b=!0;break}b?a--:randomposts_current[a]=c}}function get_random(){var a=1+Math.round(Math.random()*(total_randomposts-1));return a}
</script>
<script type='text/javascript'>
function random_posts(a){for(var b=0;b<randomposts_number;b++){var c=a.feed.entry[b],d=c.title.$t;if("content"in c)var e=c.content.$t;else if("summary"in c)var e=c.summary.$t;else var e="";if(e=e.replace(/<[^>]*>/g,""),e.length<randomposts_chars)var f=e;else{e=e.substring(0,randomposts_chars);var g=e.lastIndexOf(" ");f=e.substring(0,g)+"&#133;"}for(var h=0;h<c.link.length;h++){if("thr$total"in c)var i=c.thr$total.$t+" "+randomposts_comments;else i=randomposts_commentsd;if("alternate"==c.link[h].rel){var j=c.link[h].href,k=c.published.$t;if("media$thumbnail"in c)var l=c.media$thumbnail.url;else l="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj9xr0RqrC4pJWDIgBfojYVFPlLW_F_Pd19BP8Ks0nR_Hd3U002b3nQe0dUg87RExjSYvVB4cQVvAqnoKwJppsPkzTFSUqEZoMXIqOP2t3CN06k2ZxRbI_D3pYkbo09k5outi-kry6wSc/s1600/no_thumb.png"}}document.write("<li>"),document.write('<img alt="The Random Posts widget or gadget for Blogger volition display random posts published on your Add Random Posts Widget to Blogger" src="'+l+'"/>'),document.write('<div class="random-title"><a href="'+j+'" rel="nofollow">'+d+"</a></div>"),"yes"==randomposts_details&&document.write('<span class="random-details">'+k.substring(8,10)+"."+k.substring(5,7)+"."+k.substring(0,4)+" - "+i)+"</span>","yes"==randomposts_details2&&document.write('<span class="random-summary">'+f)+"</span>",document.write('<div style="clear:both"></div></li>')}}getvalue();
for (var i = 0; i < randomposts_number; i++) {
    document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>')
};
</script>
</ul>
<div style="font-size: 10px; float: right;"><a href=" " rel="nofollow">Random Posts Widget</a></div>

Customize the Random Posts Widget

If you lot desire to demonstrate to a greater extent than than v posts, supersede the 5 parameter.
To brand the thumbnails bigger, alter the pixels inwards reddish from width:75px; together with height:75px;
To add together the text snippets, alter the no to yes inwards this line:

randomposts_details2='no';

To add together to a greater extent than characters to the snippets, alter the 50 parameter.

Finally, to cover the post service dates together with comments, alter yes to no, inwards this line:

var randomposts_details='yes';

Step 4. Press Save together with that's it! Now you lot tin savour this random posts widget on your Blogger blog.