How to Add Random Thumbnail Posts Widget for Blogger

How to Add Random Thumbnail Posts Widget for Blogger:

 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.

process:

Go to blogger->select blog
                         ->go to layout
                         ->select add a gadget
                         ->select html/javascript
                        ->copy and paste the code below 

	<style>
	#random-posts img{border-radius: 10px;float:left;margin-right:5px;
	width:75px;height:75px;background-color: #F5F5F5;padding: 3px;transition: all 0.2s linear 0s;}
	#random-posts img:hover{opacity: 0.7;}
	ul#random-posts {list-style-type: none;padding: 10px;}
	#random-posts a {font-size:16px; text-decoration: none !important; text-transform: capitalize; padding: 0px auto 5px;}
	#random-posts a:hover {text-decoration: none;}
	.rp-snippet {font-size: 11px;background: none; padding: 5px; margin-right: 8px;}
	#random-posts span {}
	#random-posts li {margin-bottom: 10px;border-bottom: 1px solid #EEEEEE; padding: 4px;}
	</style>
	<ul id='random-posts'>
	<script type='text/javaScript'>
	var rdp_numposts=5;
	var rdp_snippet_length=110;
	var rdp_info='yes';
	var rdp_comment='Comments';
	var rdp_disable='Comments Disabled';
	var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>')
	;function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random()
	{var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
	</script>
	<script type="text/javascript" src="http://googledrive.com/host/0B-GuAkK2nj5gUG1oMzkzZEExclU"></script><hr/><small><a style='margin-left:10px;font-size:8px;align:right;float:right;margin:2px;text-transform:capitalize;color:#AEAEAE;' href='http://goo.gl/2hwvFT'
	target='_blank'>Random posts widget</a></small>
	</ul>

view raw How to Add Random Thumbnail Posts Widget for Blogger hosted with ❤ by GitHub