Widget Tốp 10 bài viết có comment nhiều nhất cho Blogger

Ở bài viết này tôi xẽ hướng dẫn các bạn tạo Widget Tốp 10 bài viết có comment nhiều nhất cho Blogger.
Widget này chỉ đơn giản là một công cụ cắt-dán có thể được cài đặt trong vài giây. Cho phép thêm widget nạp năng động và nhanh chóng này đến các blog blogger của bạn!

Để Thêm Widget Tốp 10 bài viết có comment nhiều nhất cho Blogger các bạn làm theo các bước sau

Vào Blogger Cần thêm widget
Bố cục
Thêm Tiện ích
HTML/JavaScript

Sao chép toàn bộ code bên dưới và dán vào Widget HTML/JavaScript:

<style>
/* ######### Most Commented Widget by iChiaSe.Biz ##########*/
.commentbubble {
background: #292D30;
width: 49px;
float: left;
margin: 2px 20px 35px 0px;
font-weight: bold;
font-size: 1.3em;
text-align: right;
font-family: georgia,Helvetica;
padding: 0px 0px 5px 0px;
text-align: right;
color: #FFF;
text-shadow: 4px 1px #202022;
position: relative;
top: 5px;
}
.commentbubble:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
right: 0px;
top: 100%;
border-width: 5px 8px;
border-style: solid;
border-color: #292D30 #292D30 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
top: 34px;
right: 6px;
}
</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; padding:10px 0px 30px 0px!important; border-bottom: 1px dashed #dedede; line-height:2em; "> <div class="commentbubble">' +pComment + "  </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.ichiase.biz/
&ShowHowMany=6
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>