[Update] Multi Color Most Commented Post Widget For Blogger
Adding most commented is beneficial for those blogger who update their blog daily and have lot of post so visitor can engage with the posts that have most conversation.First thing about this widget is that it is very easy to install.It is multi color stylish, when you add this widget it show 5 post with most comments but you can change it.
Note: look at the bottom of script, you will see you website url
replace you website url with your blog address.
By default it widget show five number of post.if you want to Change Number of Posts replace five with any number you want.
How to add most commented post widget in blogger
First you have to login to blogger.
Now go to layout and add HTML/javascript gadget
Paste the given below code there and save it
<style>
.comment-count {padding: 3px 10px;background: #000000;color: #ffffff;font-family: 'Oswald', sans-serif;font-size: 80%;float: right;}.odhik-montobbo ul {padding: 0px !important;list-style:none;font-family: 'Oswald', sans-serif;}.odhik-montobbo ul li {list-style: none;padding: 10px;color: #000000;margin-top: -10px;background:none;}.odhik-montobbo ul li a {color: #000000;list-style: none;text-decoration: none;font-size: 90%;}.odhik-montobbo:nth-child(3n+0) {background: #E21323;width: 100%;margin-top:10px;border-bottom-right-radius: 30px;border-top-left-radius: 30px;}.odhik-montobbo:nth-child(4n+0) {background: #E5FF99;width: 100%;border-bottom-right-radius: 30px;border-top-left-radius: 30px;}.odhik-montobbo:nth-child(5n+0) {background: #00E5FF;width: 100%;border-bottom-right-radius: 30px;border-top-left-radius: 30px;}.odhik-montobbo:nth-child(6n+0) {background: #09BCF7;width: 100%;padding-top:-15px;border-bottom-right-radius: 30px;border-top-left-radius: 30px;}.odhik-montobbo:nth-child(7n+0) {background: #09F746;width: 100%;border-bottom-right-radius: 30px;border-top-left-radius: 30px;}<a style="display:none" href="http://mx-machine.blogspot.com"> Widget</a></style><script type="text/javascript">function stripTags(s,n) { return s.replace(/<.*?>/ig,"").split(/\s+/).slice(0,n-1).join(" ")}function mostcommented(feed) { var i; for (i = 0; i < feed.count ; i++) {var postURL = "'" + feed.value.items[i].link + "'";var postTitle = feed.value.items[i].title;var postComments = feed.value.items[i].commentcount;var postList = '<div class="odhik-montobbo"><ul><li style="margin-bottom: 10px"><div class="comment-count">' + postComments + "</div>" + "<a href="+ postURL + '">' + postTitle + "</a>" + '</li></ul></div>'; document.write(postList); } } </script><script src="http://pipes.yahoo.com/pipes/pipe.run? AddUrlHere= you website url&NumberofPosts=5&_id=2cb5eb603ed55a6264ee1484e5fdd45c&_callback=mostcommented&_render=json" type="text/javascript"></script>
Note: look at the bottom of script, you will see you website url
replace you website url with your blog address.
By default it widget show five number of post.if you want to Change Number of Posts replace five with any number you want.