WIDGET:Random posts widget in sidebar

We have seen popular posts and recent posts widgets on many blogs sidebar. These widgets helps readers to find relevant posts and increase internal linking.

These widgets helps you to hold your visitors for more time on your blog and increase page views along with reduce bounce rate. To add this widget on to your blog sidebar please follow these step.

How to add Random posts widget in blogger sidebar

Step 1. Go to blogger layout. (see image below)

Step 2. Click on add a gadget (see image below)

Step 3. Select html/javascript widget (see image below)

Step 4. Paste the following code into box and click on save.

Paste following code: 

<style type="text/css"> .noop-random-posts ul li { list-style-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6UetOTKsrDpn5CTa9dxlOgJm9ZawTsWZ8KQIrgpi3WrzHAqOk_ttZEWj-jNrcg9a0wwCL98ixn5PB6g6vzXTMM9Qm3bypfotbhn0moSQ_Khxiv4OBx5HYYGHMKYqJhC2SiQ-d9hi_04M/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>

You are done. You can move this widget in right place according to your design.If you have any doubts don't hesitate to ask.Please Comment.I hope you had enjoyed this post.Leave Comments...