Adding a Random Post Widget In Blogger
Random Post Widget is a widget that displays blogger random post titles of your blog. Random post is a very important widget for your blog if you have lots of posts or article published in your blog because it picks up your posts randomly giving equal chances for blog posts to get attention of visitors. One more feature of the random post widget is that it increases visitor engagement on your site that helps in increasing daily time spent on website percentage. In general, the random post widget is often placed in pairs in the sidebar or in the Footer section or in three column footer widget. Display of this widget is very simple, almost similar to the look of Recent Post Widgets. For more details, just look at the Screen Short given below.
Steps to Install Random Post Widget in Blogger :
- Sign In to www.blogger.com Account
- In the drop down menu, select Layout
- Click on Add a gadget and select HTML / JavaScript widget.
- Then Copy the code given below Paste the code below in the blank space provided in HTML / JavaScript widget dialogue box.
<style type=”text/css”>
.noop-random-posts ul li {
list-style-image: url(“http://2.bp.blogspot.com/-90ErnmngIVo/TyPTnufu8cI/AAAAAAAAADs/ndQtxxa6kkI/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=8;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><a href=”http://techiterian.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=nooprandomposts”></script></div>
5. Click on Save Widget and you are done!
Note:-
numofpost var = 8; are post title number to be displayed, please tailored to the wishes bloggers
Add Popular Post Widget In Blogger
Today I am going to share a very popular widget with you which has got ‘popular’ word in its name itself.
Popular Post Widget is a widget that displays blogger posts most frequently visited or list of the most popular articles or post on your blog. Blogger allows us to easily add this widget by simply going to layout section of the blog. This blogger widget is one of the few blog widget which has a nice and meaningful view i.e the Popular posts widget installed on blogs, became one of the techniques to beautify the look of the blog.
The info in this widget is displayed in four combinations:
1. Only the title of the post.
2.A Thumbnail of the post and the post title.
3. The post title with summary.
4. Post title, post thumbnail and a post snippet.
According to my personal experience Popular post widget gives an idea of “what is special about this blog” to visitors. So I recommend each blogger to install this widget in a blog. One more feature of the random post widget is that it increases visitor engagement on your blog that helps in increasing daily time spent on website per visitor percentage. Popular Post Widget can not only be shown in the form of thumbnails (summary plus Picture), but can also be displayed in summary form only.
Recommended for you: Remove “Powered By Blogger” Attribution In Blogger.
“Popular Blogger Posts Widget” is one of the most widely used Google search item.
Steps to Install, Popular Post Widget on Blogger:
- Sign In at blogger.com. Go to blogger dashboard.
- In the drop down menu, select the layout and click Add a gadget
- In the Basic section, click Popular Posts (Please configure this widget, how popular post widgets are displayed, how many posts will be displayed.)
- Save widget.
And you are done.
I hope you have enjoyed this post and I would like to thank you for reading this post. Share this post if you like this. If you encounter any problem, please feel free to comment below to get solution instantly.
thank you too much , but i would like to ask how you put the codes to be shown in this way ?