Add Random Posts Widget To Blogger
Tuesday, March 31, 2020
Edit
The Random Posts widget or gadget for Blogger volition display random posts published on your weblog that, due to the natural construction of blogs, could larn easily lost deep inwards your archives. Most of the time, when novel people bring together your site, they rarely bother going dorsum to uncovering 1 of your practiced posts.
One of the best ways to plough over a novel life to your older posts is to display them inwards a random social club inwards the sidebar. This tutorial volition demo 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 too loads pretty fast, too displaying the post service thumbnails too how many comments they convey received.
If you lot desire to add together it, follow these steps below:
Step 1. Log into your Blogger account, therefore larn to 'Layout' too 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:
To brand the thumbnails bigger, alter the pixels inwards cherry-red from width:75px; too height:75px;
To add together the text snippets, alter the no to yes inwards this line:
Finally, to shroud the post service dates too comments, alter yes to no, inwards this line:
One of the best ways to plough over a novel life to your older posts is to display them inwards a random social club inwards the sidebar. This tutorial volition demo 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 too loads pretty fast, too displaying the post service thumbnails too 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 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)+"…"}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/AVvXsEjqzUFjDptLvBCi4FgnUFPuWn3Hhjijkf-z47iEMRwLM-U1Wk3CVbVEDORzQA0dOnSmJRZgzf9gnXKShxv8snM2co0L4QT1yafa3Rt-5OLRXBfTXseSAVkn7p6QWCKrEPcQoo_GTuJckLY/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 demo to a greater extent than than v posts, supervene upon the 5 parameter.To brand the thumbnails bigger, alter the pixels inwards cherry-red from width:75px; too 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 shroud the post service dates too comments, alter yes to no, inwards this line:
var randomposts_details='yes';Step 4. Press Save too that's it! Now you lot tin relish this random posts widget on your Blogger blog.