Widget top comments for blogspot (bài viết comments nhiều nhất)

Widget top comments có nghĩa là một widget thống kế số comments cho từng bài viết, bài viết nào nhiều comments nhất sẽ nằm ở trên và xếp thứ tự giảm dần khá chuyên nghiệp.

Thêm widget top comments cho blogspot

Để thêm tiện ích này thì khá đơn giản, các bạn vào Bố cục > Thêm tiện ích HTML Javascript và dán vào đó đoạn code sau :

<div id="most-comments"></div>
<style scoped='' type='text/css'> #most-comments li,#most-comments ul,#most-comments ul li{margin:0;list-style:none;color:#444;font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px}#most-comments ul li{position:relative;overflow:hidden;background:#fff;margin:3.5px 0;padding:7px 10px 7px 50px;white-space:nowrap;text-overflow:ellipsis;box-shadow:inset 0 0 #fc4f3f;border:1px solid #e6e6e6;transition:all .6s}#most-comments ul li:hover{box-shadow:inset 310px 0 #fc4f3f}#most-comments ul li a{color:#444;font-weight:700;text-decoration:none;transition:all .3s}#most-comments ul li a:hover,#most-comments ul li:hover a{color:#fff}.count-most{position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:7px 0;background-color:#383838;color:#fff!important;text-align:center;transition:all .3s}#most-comments ul li:hover .count-most{background-color:#fc4f3f} </style>
<script type='text/javascript'>
//<![CDATA[ var numPosts=10; var homePage="khamphabog.com"; var postTitlear=new Array(); var postUrlar=new Array(); var postCommentar=new Array(); var totalpost;document.write('<div id="most-comments"><ul>'); function mostComment(j){var a=j.feed.entry.length;totalpost=a; for(var f=0;f<a;f++){ var h=j.feed.entry[f]; var c=h.title.$t;var b; var g;if(f==j.feed.entry.length){break} for(var d=0;d<h.link.length;d++){ if(h.link[d].rel=="alternate"){g=h.link[d].href;break}} for(var d=0;d<h.link.length;d++){ if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];}}; postTitlear.push(c); postUrlar.push(g); postCommentar.push(b)}sortPosts(); for(var f=0;f<numPosts;f++){var e='<li><span class="count-most">'+postCommentar[f]+'</span><a href="'+postUrlar[f]+'" title="'+postTitlear[f]+'" target="_blank">'+postTitlear[f]+'</a>'; document.write(e)}} function sortPosts(){function c(d,f){var e=postTitlear[d]; postTitlear[d]=postTitlear[f]; postTitlear[f]=e; var e=postUrlar[d]; postUrlar[d]=postUrlar[f]; postUrlar[f]=e; var e=postCommentar[d]; postCommentar[d]=postCommentar[f]; postCommentar[f]=e} for(var b=0;b<postTitlear.length-1;b++){ for(var a=b+1;a<postTitlear.length;a++){ if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}} document.write('<script src="http://'+homePage+'/feeds/posts/default?max-results=9999&orderby=published&alt=json-in-script&callback=mostComment"><\/script>'); document.write('</li>') document.write('</ul>') document.write('</div>');
//]]> </script>

Trong đó :

• 10 là số bài viết cần hiển thị
• Khamphablog.com thay bằng link blog của bạn

Sau đó lưu tiện ích lại và kiểm tra thành quả nhé, thật là tuyệt vời hehe. Chúc các bạn thành công.

Kho Template Blogspot Responsive 2016

http://share123blog.blogspot.com

Free download responsive premium blogger template

Bài Viết Cùng Chủ Đề