Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Add random Posts widget to blogger

Hey guys, in the quest for increasing your page views,alexa rank and time visitors spend on your blog , you need to add some widget to your blog like Related posts widget, related posts with thumbnail,popular post widget, recent post widget and lot more

Blogger random Posts widget

But Today I'll be teaching you
How to add random Posts widget to blogger blog
blogger Random post widget

Random Posts widget is one of the most important thing to add to your sidebar and below your blog on mobile view, it displays your post in more particular order,it displays your post on random,
It increases your page views by bringing out posts you've posted a long while ago

Follow this steps to

How to add random Posts widget to your blog 


===)> login to your Blogger dashboard

===)> go to 'layout' and click 'add gadget'
Then click  'html/javascript 

===)> then copy and paste the following code inside the box

<style>
#random-posts img {
float: left;
margin-right: 10px;
width: 65 px;
height: 65 px;
background-color: #F5F5F5;
padding: 3px;
}
ul#random-posts {
list-style-type: none;
}
#random-posts li {
margin-bottom: 10px;
}
.random-summary {
display: block;
}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var randomposts_number = 5;
var randomposts_chars = 60;
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 = new 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 i = 0; i < randomposts_number; i++) {
var found = false;
var rndValue = get_random();
for (var j = 0; j < randomposts_current.length; j++) {
if (randomposts_current[j] == rndValue) {
found = true;
break
}
};
if (found) {
i--
} else {
randomposts_current[i] = rndValue
}
}
};
function get_random() {
var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1));
return ranNum
};
</script>
<script type='text/javaScript'>
function random_posts(json) {
for (var i = 0; i < randomposts_number; i++) {
var entry = json.feed.entry[i];
var randompoststitle = entry.title.$t;
if ('content' in entry) {
var randompostsnippet = entry.content.$t
} else {
if ('summary' in entry) {
var randompostsnippet = entry.summary.$t
            } else {
var randompostsnippet = "";
            }
};
randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, "");
if (randompostsnippet.length < randomposts_chars) {
var randomposts_snippet = randompostsnippet
} else {
randompostsnippet = randompostsnippet.substring(0, randomposts_chars);
            var whitespace = randompostsnippet.lastIndexOf(" ");
            randomposts_snippet = randompostsnippet.substring(0, whitespace) + "&#133;";
};
for (var j = 0; j < entry.link.length; j++) {
if ('thr$total' in entry) {
var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments
            } else { randomposts_commentsnum = randomposts_commentsd
            }; if (entry.link[j].rel == 'alternate') {
var randompostsurl = entry.link[j].href;
var randomposts_date = entry.published.$t;
if ('media$thumbnail' in entry) {
var randompoststhumb = entry.media$thumbnail.url
} else {
randompoststhumb = "http://3.bp.blogspot.com/-5SoVe1K6JSk/Utl0OOmucAI/AAAAAAAAF6E/hQghgD_EJdQ/s1600/no_thumb.png"
}
}
};
document.write('<li>');
document.write('<img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/>');
document.write('<div><a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>');
if (randomposts_details == 'yes') {
document.write('<span>' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum) + '</span>'
}
if (randomposts_details2 == 'yes') {
document.write('<span class="random-summary">' + randomposts_snippet) + '</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="http://waplordcrib.com/2016/02/add-random-posts-widget-to-blogger.html" rel="dofollow">Random Posts Widget</a></div>


How to customise the random Posts widget for blogger 


  • To make the widget  to show more than 5 posts, replace the 5 highlighted in blue to any number  
  • If you want to  make the thumbnails bigger, change the pixels in blue from width: 65 px; and height: 65 px;
  • If you want to add  text snippets to the widget, then change the no to yes in this line:

randomposts_details2='no';

  • If you want to add more  characters to the snippets, change the  60 highlighted in blue .
  • If you want to hide the post dates and comments, change yes to no , in this line:

var randomposts_details='yes';

===)> click  Save and go view your blog






This post first appeared on Waplordcrib, please read the originial post: here

Share the post

Add random Posts widget to blogger

×

Subscribe to Waplordcrib

Get updates delivered right to your inbox!

Thank you for your subscription

×