Blogger Most Commented Widget with Awesome Look

Sourav

Blogger Most Commented Widget with Awesome Look - is a widget that display most commented or most discussed posts in a list. If any post of your blog get highest number of comments then it will get top. The principle is similar to the popular posts widget that gave rise to top list of posts with the most views.

Now comes to the main part, in this way who interested to add most commented or most discussed posts widget for his/her blogs to immediately add below codes.

Go to Blogger Dashboard > Layout > Add a gadget > HTML/Javascript and copy past the below code and Save it.

<style>
.commentbubble {
background: #FC4E4E;
width: 49px;
float: left;
margin: 2px 20px 35px 0px;
font-weight: bold;
font-size: 1.3em;
text-align: right;
padding: 5px;
text-align: right;
color: #FFF;
position: relative;
top: 5px; }

.commentbubble:after{
position:absolute;
font-family: FontAwesome;
content: "\f04b";
color: rgb(252, 78, 78); }
</style>

<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ul style="list-style:none; ">');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = + feed.value.items[i].commentcount;
var pList = '<li style="clear:both; border: 1px solid rgb(216, 216, 216);padding: 6px; line-height:2em; "> <div class="commentbubble">' +pComment +  "&#160;&#160;</div>" +  "<a href="+ href + '" target="_blank">' + pTitle ;
document.write(pList);
//to remove comment count delete this line
document.write('</a></li>');
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://www.sistunes.blogspot.com
&ShowHowMany=6
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>

Note: sistunes.blogspot.com replace it with your blog url and ShowHowMany=6 is the number of posts.

Now enjoy this awesome widget and keep sharing our posts. Thanks...

Sourav

Off TopicThis is the first post of Sn3Design, this post is an off topic post you can add your url on the comment box. Start comm
How To Remove Showing Post With Label In BloggerFor any default Blogger layout, the "Showing posts with label" message shows up above the posts each time you click on
Blogger Recent Comments Widget with Circle Avatar Blogger Recent Comments Widget with Cirle Thumbnails - is a widget that can show recent comments. We add many wi
Top Commentators Widget With Avatar For BloggerThe commentators are a fundamental part of any blog, since they are the ones that give life to the blog, opening and re

SN Design

Blogger Most Commented Widget with Awesome Look

Sourav

Related Article