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

1. Vào Blogger Cần thêm widget
2. Bố cục
3. Thêm Tiện ích
4. 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 +  "&#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.ichiase.biz/
&ShowHowMany=6
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>

Trong đó : 

1. YourBlogUrl : Địa chỉ Blog
2. ShowHowMany=6 : số bài viết hiển Thị

Cuối cùng bạn save lại nhé!

Demo Dowload

Nguồn : iChiaSe.Biz

Tag : Thủ Thuật Blogger