Awesome Random Posts Widget for blogger Blog

Random Posts widget is an awesome widget for your Blogger Blog.Most important feature of this widget is it lets your Blog visitors to surf more blog posts in your blog.Surely it increases your Blog's internal links that lets your blog higher traffic.
Its let your users to spend more time in your Blog.

VIEW DEMO

Install Random posts widget

Make sure you are Sign In to your Blogger Account.

If you are a beginner in Blogger Editing ,use our one click Widget

• Click the below Add to Blogger Button to install

<br /> <style type="text/css"><br /> .noop-random-posts ul li {<br /> list-style-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgXQ0f2P_nbJ6zd7xvs_mhj1MQjXEIseVNDsFAuy8P8q358T1-c47pDQMnANIo8QmpP0U72v5kmJyv90HjdPa8kJdWD9Fb95z0qaAixsIZMrw4ilqRlENAAvgdfkz-aXhmfviWDfjwlkk/s1600/tick+list+style.png");<br /> }<br /> </style><br /> <div class="noop-random-posts"><script type="text/javascript"><br /> var randarray = new Array();var l=0;var flag;<br /> var numofpost=5;function nooprandomposts(json){<br /> var total = parseInt(json.feed.openSearch$totalResults.$t,10);<br /> for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}<br /> if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');<br /> for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];<br /> for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";<br /> document.write(item);}}<br /> }document.write('</ul>');}<br /> </script><br /> <script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=nooprandomposts"></script></div>

Manually Add Random posts Widget

• Sign In to your Blogger Account.
• Go to Design->Page Elements
• Click on Add Gadget and look for HTML/Javascript take it
• Give the title as you need(eg:Random Posts)
• Copy and paste the below code to the content section

<style type="text/css">
.noop-random-posts ul li {
    list-style-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgXQ0f2P_nbJ6zd7xvs_mhj1MQjXEIseVNDsFAuy8P8q358T1-c47pDQMnANIo8QmpP0U72v5kmJyv90HjdPa8kJdWD9Fb95z0qaAixsIZMrw4ilqRlENAAvgdfkz-aXhmfviWDfjwlkk/s1600/tick+list+style.png");
}
</style>
<div class="noop-random-posts"><script type="text/javascript">
    var randarray = new Array();var l=0;var flag;
    var numofpost=5;function nooprandomposts(json){
    var total = parseInt(json.feed.openSearch$totalResults.$t,10);
    for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
    if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
    for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
    for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
    document.write(item);}}
    }document.write('</ul>');}
    </script>
<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=nooprandomposts"></script></div>

Click on Save and its Done...If you have any doubts don't hesitate to ask.Please Comment.
I hope you had enjoyed this post.Leave Comments...