Random Posts Multi Colored Widget

Multi Colored Random Post Widget...

Really giving a creative and attractive look of your website to a visitor is motivating him to be in touch with you.

Random Post Widget provide such a facility that along with being attractive and colorfull its an important widget which randomly shows your post to the visitor.

Increases your Blog's internal links that lets your blog higher traffic.
Today I am posting here a Multi Colored Random Post Widget.
It will show your posts randomly on every refresh or load of another page the posts will be changed.
So that visitors can have a look over all the possible posts on the blog without navigating through whole of the blog

Coded By Toolsvalley.in

<style type="text/css"><br /> .toolsvalley-random-posts ul li {<br />     list-style-image:none;<br /> }.toolsvalley-random-posts ul {<br /> list-style-type: none;<br /> margin: 0;<br /> padding: 5px 0;<br /> }<br /> .toolsvalley-random-posts ul li {<br /> border: 0 none;<br /> margin: 5px 0;<br /> padding: 10px;<br /> position: relative;<br /> }<br /> .toolsvalley-random-posts ul li:first-child {<br /> background: none repeat scroll 0 0 #FF4C54;<br /> width: 97%;<br /> }<br /> .toolsvalley-random-posts ul li:first-child:after {<br /> content: "1";<br /> }<br /> .toolsvalley-random-posts ul li:first-child + li {<br /> background: none repeat scroll 0 0 #FF764C;<br /> width: 87%;<br /> }<br /> .toolsvalley-random-posts ul li:first-child + li:after {<br /> content: "2";<br /> }<br /> .toolsvalley-random-posts ul li:first-child + li + li {<br /> background: none repeat scroll 0 0 #FFDE4C;<br /> width: 84%;<br /> }<br /> .toolsvalley-random-posts ul li:first-child + li + li:after {<br /> content: "3";<br /> }<br /> .toolsvalley-random-posts ul li:first-child + li + li + li {<br /> background: none repeat scroll 0 0 #C7F25F;<br /> width: 81%;<br /> }<br /> .toolsvalley-random-posts ul li:first-child + li + li + li:after {<br /> content: "4";<br /> }<br /> .toolsvalley-random-posts ul li:first-child + li + li + li + li {<br /> background: none repeat scroll 0 0 #33C9F7;<br /> width: 78%;<br /> }<br /> .toolsvalley-random-posts ul li:first-child + li + li + li + li:after {<br /> content: "5";<br /> }<br /> .toolsvalley-random-posts ul li:first-child + li + li + li + li + li {<br /> background: none repeat scroll 0 0 #7EE3C7;<br /> width: 75%;<br /> }<br /> .toolsvalley-random-posts ul li:first-child + li + li + li + li + li:after {<br /> content: "6";<br /> }<br /> .toolsvalley-random-posts ul li:first-child + li + li + li + li + li + li {<br /> background: none repeat scroll 0 0 #F6993D;<br /> width: 72%;<br /> }<br /> .toolsvalley-random-posts ul li:first-child + li + li + li + li + li + li:after {<br /> content: "7";<br /> }<br /> .toolsvalley-random-posts ul li:first-child + li + li + li + li + li + li + li {<br /> background: none repeat scroll 0 0 #F59095;<br /> width: 69%;<br /> }<br /> .toolsvalley-random-posts ul li:first-child + li + li + li + li + li + li + li:after {<br /> content: "8";<br /> }<br /> .toolsvalley-random-posts ul li:first-child + li + li + li + li + li + li + li + li {<br /> background: none repeat scroll 0 0 #C7F25F;<br /> width: 66%;<br /> }<br /> .toolsvalley-random-posts ul li:first-child + li + li + li + li + li + li + li + li:after {<br /> content: "9";<br /> }<br /> .toolsvalley-random-posts ul li:first-child:after, .toolsvalley-random-posts ul li:first-child + li:after, .toolsvalley-random-posts ul li:first-child + li + li:after, .toolsvalley-random-posts ul li:first-child + li + li + li:after, .toolsvalley-random-posts ul li:first-child + li + li + li + li:after, .toolsvalley-random-posts ul li:first-child + li + li + li + li + li:after, .toolsvalley-random-posts ul li:first-child + li + li + li + li + li + li:after, .toolsvalley-random-posts ul li:first-child + li + li + li + li + li + li + li:after, .toolsvalley-random-posts ul li:first-child + li + li + li + li + li + li + li + li:after {<br /> background: none repeat scroll 0 0 #353535;<br /> border-radius: 50% 50% 50% 50%;<br /> color: #FFFFFF;<br /> font-size: 25px;<br /> height: 30px;<br /> position: absolute;<br /> right: -17px;<br /> text-align: center;<br /> top: 1px;<br /> width: 30px;<br /> }<br /> .toolsvalley-random-posts ul li a {<br /> color: #444444;<br /> font-size: 13px;<br /> text-decoration: none;<br /> }<br /> </style><br /> <div class="toolsvalley-random-posts"> <script type="text/javascript"><br />     var randarray = new Array();var l=0;var flag;<br />     var numofpost=5;function toolsvalleyrandomposts(json){<br />     var total = parseInt(json.feed.openSearch$totalResults.$t,10);<br />     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;}}<br />     if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');<br />     for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];<br />     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> ";<br />     document.write(item);}}<br />     }document.write('</ul> ');}<br />     </script><br /> <script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=toolsvalleyrandomposts"></script></div> <br /> <a href=http://toolsvalley.blogspot.com>Blogger Widgets</a>