Popular Post Berdasarkan Jumlah Komentar Untuk Blog

Kali ini saya akan membahas cara membuat widget Popular Post Berdasarkan Jumlah Komentar, secara normal popular post biasa berdasarkan jumlah pageviews (jumlah di lihat) namun kali ini Popular Postnya berdasarkan jumlah komentar, jadi posting yang memiliki komentar terbanyak akan menjadi popular post. Dan disini saya sudah memodifikasi nya supaya tampilan nya agak menarik.

Cara Membuat :
1. Login ke Blog kamu.
2. Pilih Rancangan, lalu pilih menu Edit HTML.
3. Cari kode </head> setelah ketemu letakan kode di bawah ini tepat di atas kode </head>

<style type='text/css'>
.mostcoment {background:#fff;}
.mostcoment ul li{font-size:1em;line-height:15px;padding:3px 0 6px 12px;border-bottom:1px dotted #ccc;}
.mostcoment a:link,.mostcoment a:visited{font-size:12px;font-weight:bold;color:#000;text-decoration:none}
.mostcoment li a:hover{color:#ff9900;}
</style>

Simpan Template.
4.Kembali kemenu awal, pilih Add Gadget, lalu pilih HTML JavaScript, dan copy kode di bawah ini.

<div class="mostcoment">
<!-- Popular posts with comment count Start -->
<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ul style="">');
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 + " Comments)";
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?
YourBlogUrl=http://blazerracing.blogspot.com
&ShowHowMany=5
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>
<!-- Popular posts with comment count End --></div>

Ganti kode yang berwarna merah dengan Url Blog anda, dan untuk kode yang berwarna biru itu adalah jumlah post yang ingin ditampilkan.