Recommended Article for you : get unlimited Freecharge Trick revealed

Multi colored random posts Widget for Blogger EXCLUSIVE.!!!!

Multi colored random posts Widget for Blogger
Random Posts widget is an awesome widget for your Blogger Blog.We posted about How to add random posts widget, Most important feature of this widget is it lets your Blog visitors to surf more blog posts in your blog.Its let your users to spend more time in your Blog. Surely it increases your Blog's internal links that lets your blog higher traffic.This is the modified version of the Random posts widget we posted earlier, one of our visitor "Yogesh Gamer" asked me to make this widget like Multi colored Popular posts Widget. So after that I just tried and it got success. Please do check this widget and comment your suggestions...



Check out Related Articles
Awesome Random Posts Widget For Blogger
Awesome Multi-Colored Popular Posts Widget for Blogger

Features of This Widget

  •  Flat UI colors used (it will attract users attention)
  • Automatic Post Numbering

  • Sign In to Blogger Dashboard
  • Go to Layout
  • Click on Add Gadget and look for HTML/Javascript and select it
  • Copy the below code inside it and click save
<style type="text/css">
.noop-random-posts ul li {
    list-style-image:none;
}.noop-random-posts ul {
list-style-type: none;
margin: 0;
padding: 5px 0;
}
.noop-random-posts ul li {
border: 0 none;
margin: 5px 0;
padding: 10px;
position: relative;
}
.noop-random-posts ul li:first-child {
background: none repeat scroll 0 0 #FF4C54;
width: 97%;
}
.noop-random-posts ul li:first-child:after {
content: "1";
}
.noop-random-posts ul li:first-child + li {
background: none repeat scroll 0 0 #FF764C;
width: 87%;
}
.noop-random-posts ul li:first-child + li:after {
content: "2";
}
.noop-random-posts ul li:first-child + li + li {
background: none repeat scroll 0 0 #FFDE4C;
width: 84%;
}
.noop-random-posts ul li:first-child + li + li:after {
content: "3";
}
.noop-random-posts ul li:first-child + li + li + li {
background: none repeat scroll 0 0 #C7F25F;
width: 81%;
}
.noop-random-posts ul li:first-child + li + li + li:after {
content: "4";
}
.noop-random-posts ul li:first-child + li + li + li + li {
background: none repeat scroll 0 0 #33C9F7;
width: 78%;
}
.noop-random-posts ul li:first-child + li + li + li + li:after {
content: "5";
}
.noop-random-posts ul li:first-child + li + li + li + li + li {
background: none repeat scroll 0 0 #7EE3C7;
width: 75%;
}
.noop-random-posts ul li:first-child + li + li + li + li + li:after {
content: "6";
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li {
background: none repeat scroll 0 0 #F6993D;
width: 72%;
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li:after {
content: "7";
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li + li {
background: none repeat scroll 0 0 #F59095;
width: 69%;
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li + li:after {
content: "8";
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li + li + li {
background: none repeat scroll 0 0 #C7F25F;
width: 66%;
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li + li + li:after {
content: "9";
}
.noop-random-posts ul li:first-child:after, .noop-random-posts ul li:first-child + li:after, .noop-random-posts ul li:first-child + li + li:after, .noop-random-posts ul li:first-child + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li + li + li + li:after {
background: none repeat scroll 0 0 #353535;
border-radius: 50% 50% 50% 50%;
color: #FFFFFF;
font-size: 25px;
height: 30px;
position: absolute;
right: -17px;
text-align: center;
top: 1px;
width: 30px;
}
.noop-random-posts ul li a {
color: #444444;
font-size: 13px;
text-decoration: none;
}

</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><a href="http://www.netoopsblog.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>


Close [x]

75 comments :

  1. Replies
    1. soo true...but is it customizable? can I change this color? from https://www.facebook.com/hottemplates

      Delete
  2. Hi val,

    Nice stuff as usual ! Implemented on my blogs ( kyngmania.blogspot.com and cccam-mania.blogspot.com ) for who want see demo.

    I think it'd be better if we can point only, let's say, the last 30 posts !?

    Thanks for all. God bless you. Go ahead !

    ReplyDelete
  3. Thanks for this tutorial. I was looking for this a while. Keep blogging

    ReplyDelete
  4. Thanks for valuable information http://www.bincode.com/ is site for free classified posting pls note

    ReplyDelete
  5. frds this is my blog name : dealskamaal.blogspot.in plz check it ones and suggest me for modifications

    ReplyDelete
  6. I was wondering for this .. thank you..

    Pkjobdiscovery
    http://www.pkjobdiscovery.com

    ReplyDelete
  7. grate website i just bookmarked. thank you for grate information.

    www.mytrickpages.com

    ReplyDelete
  8. HI
    Is any widget Like Cacrousel Label based widget for my blog.Please suggest me

    Thank you so much if u providing me solution

    ReplyDelete
  9. this is very good widger for my blog
    http://seowebstars.blogspot.com/

    ReplyDelete
  10. Hi bro i too have a blog site and i want my template to be like http://24work.blogspot.com/ , can you please help me i have searched internet a lot and tried customizing but couldn't get it to work.

    ReplyDelete
  11. nice post

    for more

    www.mybloggertricksnow.net

    ReplyDelete
  12. Colorful.... I tried in my blog...

    ReplyDelete
  13. Believe me the advanced and latest hacking tricks can be found on below site with no regret.
    http://majorfiles.blogspot.com/
    Enjoy!

    ReplyDelete
  14. Very good information thanks for sharing.

    ReplyDelete
  15. Excellent post Admin Very Nixe Widget Gr8 Thanks For Share With Us

    Multi colored random posts Widget for Blogger

    ReplyDelete
  16. Hey Valsraj what happened? Why aren't you posting articles? Is their any problem?

    ReplyDelete
    Replies
    1. I was bit busy with my study schedules. I will keep updating. Thanks you for keep visiting our blog. :-bd

      Delete
  17. Use your mobile as mouse and keyboard, control your PC via your mobile
    Visit here

    ReplyDelete
  18. Your Blog is very helpful and thinks is good.
    see more @<="http://splashsys.com/"

    ReplyDelete
  19. bloging tricks & tips, make money on internet tricks, and all method of seo see in this site
    www.seomethodes.blogspotcom

    ReplyDelete
  20. This article is very useful for me and my friends so i want some articles such as. i have bookmarked your blog’s URL for further best articles.
    Thanks

    ReplyDelete
  21. It's a good informative blog and wonderful post structure. You can also get more about latest news and updates of Digital Marketing and SEO from Timelyon SEO

    ReplyDelete
  22. Thanks for the code script for getting random multi-colored posts on my blog.

    http://www.search-strategy.co.uk/


    ReplyDelete
  23. Hi, Thanks for sharing the information. This is the best way to share the information and we can get easily.
    Keep posting
    download gta 5 for pc

    ReplyDelete
  24. cool designs to catch readers eye.

    ReplyDelete
  25. here is a simple tut for looping of custom post type posts..
    http://kvcodes.com/2014/03/loop-specific-post-type-and-categories/

    ReplyDelete
  26. Awesome, I will must try this beautiful widget.
    Thanks for sharing :)
    Schedule your Posts in Blogger

    ReplyDelete
  27. Hi, you have provide a very good tutorial, I appreciate your effort.

    Here is my blog Blogger Tips and Tricks

    ReplyDelete
  28. Thanks for sharing such interesting information. Loans for Bad Credit

    ReplyDelete
  29. Terima kasih buat infonya , setelah saya pelajari dan saya tamati lebih details...
    akhrinya saya paham , dan dalam 1 minggu Website ane langsung
    lolos google peringkat 1, halaman 1, thanks gan ,
    Website :
    http://jagoan-ac.blogspot.com
    Kata kunci :
    Service AC Surabaya :)

    ReplyDelete
  30. Awesome and Fantabulous. I love your blog and will stay connected always. I love and follow your dedicated work. Thanks for useful content

    ReplyDelete
  31. http://www.bloggermassinfo.com/2014/02/how-to-make-money-with-infolinks.html

    ReplyDelete
  32. Excellent post. I just wanted to drop you a quick note to say thank you for a great resource.

    Blogger Bearned

    ReplyDelete
  33. This was an awesome piece of info you wrote there. I actually couldn't leave your blog without reading each and every words of your article. Keep it up blogger. By the way, if you need any templates for your blog, you are always welcome on my site "NinjaCyber".

    ReplyDelete
  34. Awesome Info Bro.....visit mine :)

    www.comptrickzs.blogspot.com

    ReplyDelete
  35. please provide us the template which youare using

    ReplyDelete
  36. Nice post..this content is very useful..
    http://www.globetravelcompany.com/enquiry.php

    ReplyDelete
  37. That is very useful information. Thanks for sharing!
    Nikitha

    ReplyDelete
  38. http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif
    Hi it is great post i read your blog share goof information.

    ReplyDelete
  39. Awesome Blog - Your Tips and Tricks are well written and i also made many changes in my computer and my blogger and i get a great response thanks.

    Sir i am a regular reader of your blog and its my blog link please open :)
    Please Visit my blog - http://­freetrickshub.blogspo­t.com/

    ReplyDelete
  40. Thank for you teaching us such helpful tutorials.Keep up the good work :)
    My Blog- DivaJournals.com

    ReplyDelete
  41. Nice tips I really love your tricks

    Visit my blog hacked full android games and hacking tricks
    http://easytohacktips.blogspot.in/?m=1

    ReplyDelete
  42. Nice blog

    Visit my blog and see what I m

    http://easytohacktips.blogspot.in/?m=1

    ReplyDelete
  43. Thanks for sharing. I got some useful tips from this post. seo services company in usa

    ReplyDelete
  44. Hay Dear

    Thank you for sharing this tricks with us. It is very easy to understand. I got some useful tips from this post.

    Thank You
    Shared Hosting

    ReplyDelete
  45. onlinehelperblog.blogspot.com
    visit my BLog

    ReplyDelete
  46. Very nice post. Thanks. People check out http://simplytemplate.blogspot.com/ If you have time for some free templates!

    ReplyDelete
  47. Awesome, the color effects are just great.For more widget i recommend reading this article Flat Responsive Widgets For Everybody

    ReplyDelete
  48. Your article was so simple and understandable thank you

    regards: http://problogworld.blogspot.com

    ReplyDelete
  49. Friends get free coupons and vouchers for e-commerce sites on gifts and cards with free mobile rexharge app. Follow the link
    https://goo.gl/nDn9GC

    ReplyDelete
  50. What if I do not include color feature, the influence? Thank you for your attention, greetings

    ReplyDelete
  51. Good Tutorial waiting for updates... i love Tamil Kamakathaikal

    ReplyDelete

Ask your thoughts to us,We are happy to help you.


1.Please don't Spam
2.We strictly recommend to Click on Subscribe to email