Awesome Random Posts Widget For Blogger Blog

Adding random post to blog lets your visitors to surf more blog posts in your blog. Which is useful to increase traffic and make the visitor stay on your site longer and to increase page views. Follow these steps below to add a random posts widget to your blog.

1. Go to Blogger Dashboard and Select Layout.

2. Click on Add a Gadget and select HTML/JavaScript.

3. Give the title as Random Posts.

4. Now Copy and paste the below code to the content section.

<style type="text/css">

.safetrickzz-random-posts ul li {

    list-style-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9zf9ISy-cbYaTs2N_0SIC0rlADljMYQH9-2K5sxkJ5KiWczEZZzUkQG_ZphuZHPXryDlaZlsyPq2hzJJEtv0bLx7GhxTcHvFv4EdS_wm9WLKk-xOr6Fsxb_FXFd9KKyhi8LJpvVfMV8c/s1600/tick+list+style.png");

}

</style>

<div class="safetrickzz-random-posts"><script type="text/javascript">

    var randarray = new Array();var l=0;var flag;

    var numofpost=5;function safetrickzzrandomposts(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><a href="http://safetrickzz.blogspot.com" style="font-size:0pt">Blogger Widgets</a>

<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=safetrickzzrandomposts"></script></div>

5. Now save it. Done !!!