Most commented wiget - bài viết có nhiều bình luận

Most commented post là một wiget mà nhiệm vụ của nó là tổng hợp lại tất cả những bài có số lượng comment nhiều nhất, dựa vào wiget này thì vị khách của chúng ta có thể biết được bài viết nào đang được quan tâm trên blog của bạn. Hôm nay mình giới thiệu với các bạn mẫu của MBT.

XEM DEMO

#Tạo HTML/Javascrip

1. Đăng nhập Blogger
2. > Bố cục > Thêm tiện ích > HTML/Javascrip
3. > Chọn code ở bên dưới rồi dán vào và save lại.

<style>
/* ######### Most Commented Widget by MBT ##########*/ 
.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 +  "&#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.khanh98.blogspot.com 
&ShowHowMany=6 
&_id=390e906036f48772b2ed4b5d837af4cd 
&_callback=getYpipePP 
&_render=json" 
type="text/javascript"></script>

Các bạn có thể thay thế một số đoạn màu xanh lá cho phù hợp
Thay http://www.khanh98.blogspot.com thành địa chỉ blog của bạn.