Most Commented Post Titles Widget for Blogger.

Tell the visitor most commented Post according to total no. of comments.The widget will be updated automatically whenever the blog is viewed.The working of The widget is Feed which is filter by yahoo Pipe.Whenever the comment increases the popularity of the Post will also Grow.Demo is in ends of Post.To add kindly follow us.

Most Commented post widget JavaScript Code.

The JavaScript code of Most Commented post is

<!-- Popular posts with comment count Start -->
<script type="text/javascript">
function getYpipePP(feed) {
 document.write('<ul class="br-mcp">');
 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>" + "<a href="+ href + '" target="_blank">' + pTitle;
 document.write(pList);
 document.write(pComment); //to remove comment count delete this line
 document.write('</a></li>');
 }
 document.write('</ul>');
 }
 </script>
 <script src="http://pipes.yahoo.com/pipes/pipe.run?
BlogUrl=http://bloggerrounder.blogspot.com
 &TotalNumber=10
 &_id=ea575311ae87de1e2b437ca52cc0128f
 &_callback=getYpipePP
 &_render=json" 
type="text/javascript"></script>
<span style="font-size: 75%; float:right;"><a href="http://bloggerrounder.blogspot.com/2011/05/most-commented-post-titles-widget-for.html" target="_blank">Grab your Own.</a></span>
<!-- Popular posts with comment count End -–>

Where,

• In Line 4 and 16 change ul to ol for Numbered List.
• In line 20 change http://bloggerrounder.blogspot.com with your own url without including slash at last.
• In line 13 remove that line for removing comment count.
• In Line 21 change 10 to show how many number of post to be shown.

Adding Most Commented post In Blogger.

At Static Page.

1. Go to Blogger Dashboard>Pages
2. Click on New Page.
3. Switch to HTML mode.
4. Add the most Commented Post JavaScript Codes.
5. In post option tick on ignore new lines.
6. Click on Publish button without switching to Compose Mode.

Add it as Widget,

1. Go to Blogger Dashboard>Layout
2. Click on Add a Gadget
3. Select HTML/JavaScript
4. Add the Most Commented Post JavaScript Codes.

Styling the Most Commented Post List.

To style most commented post List add this CSS in your Template

.br-mcp {
/*CSS styling Codes Here*/
}

Demo Of Most Popular Post.

Grab your Own.

Bye.

Admin of Blogger Rounder
Shirshak is the Administrator of the Blogger Rounder who thinks he will die next to Blogger. He is Completely devoted to Blogger and thinks Web Designing will makes is career.You contact using contact form from navigation tab to him.You can find him in Twitter.

Subscribe for free
Thanks for visiting Blogger Rounder.We can subscribe to Blogger Rounder'^s by RSS feed or email updates.