Cara Membuat Widget Popular Post Berdasarkan Komentar

Cara Membuat Widget Popular Post Berdasarkan Komentar - Kali ini yang akan saya bahas adalah Cara Membuat Widget Popular Post Berdasarkan Komentar. Biasanya kalau widget popular post yang biasa itu berdasarkan pageviews (jumlah posting yang dilihat) Tapi, kali ini popular postnya berdasarkan jumlah komentar, jadi artikel yang mempunyai komentar terbanyak akan menjadi popular post.

Berikut Tutorialnya :

1. Login ke Account Blogger sobat

2. Pilih Rancangan, Klik Edit HTML, lalu centang Expand Template Widget

3. Cari kode</head>, bila sudah Copy kode dibawah ini tepat diatas 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>

4. Simpan Template

5. Kembali sobat masuk ke Rancangan, Elemen laman, lalu pilih Tambah Gadget

6. Copy kode dibawah ini di HTML/Javascript

<div class="mostcoment">

<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://tutorial-blogz.blogspot.com
&ShowHowMany=5
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>
</div>