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)
Paste following code:
<style type="text/css"> .noop-random-posts ul li { list-style-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ2oZ1oDhYaP9s6MKm-3ybyEj1Up-nir-FoWsOF_3U9kZKMLexzqBUCc2HsoaQbW4XKnv6_muBW-NTqf9QjC4_Xb_Hlk8IfcMWMqa3BiwJDcDvGIyZDHitaUKW_MnSOOuVF1u4Uf0XBOk/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...
Hi! I am K Ajay, currently live in Chandigarh, India. A young Web Designer, Pro Blogger, Graphic Designer & an addicted Web Developer. I love working on Blogger and WordPress using CSS Tricks,and Web Designing.
0 comments:
Important - Make sure to click the "Subscribe By Email" link below the comment for to be notified of follow up comments and replies.If you use Name/URL don't use keywords as your name (You Know Who You Are).
Post a Comment