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.
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
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/AVvXsEhWYn1IcpUNfxgAcrtA3Frfb_OBgwKJRK1gB-AT5ISXfurO75yWaQjHliPaxSN34UqfMaw8aXlmcl-OjM3hQf2F9eFht9iGFAHlqz6NUaJ86fdYK7anMet7Bcw_MFIWeJgBuLrKVim1sXI/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>
Done!.noop-random-posts ul li {
list-style-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWYn1IcpUNfxgAcrtA3Frfb_OBgwKJRK1gB-AT5ISXfurO75yWaQjHliPaxSN34UqfMaw8aXlmcl-OjM3hQf2F9eFht9iGFAHlqz6NUaJ86fdYK7anMet7Bcw_MFIWeJgBuLrKVim1sXI/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>
Alot of other tips and tricks like how to add more blogger widgets, add social book marking baar, add new sidebar, add facebook lik box , post google adse inside or below the post title , google adse between post,Horizontal manu bar for blogger, image slider for blogger.Please keep wathcing www.bloggingtrainings.blogspot.com flash for blogger templates, and a lot of other tricks for blogger users.
+ comments + 2 comments
Excellent article. Very interesting to read. I really love to read such a nice article. Thanks! keep rocking. How to make check stubs
i never know the use of adobe shadow until i saw this post. thank you for this! this is very helpful. Paystub reviews
Post a Comment
PLEASE DON'T PLACE BULK MESSAGE , FOR ADVERTISING!