Cara Membuat Widget Popular Post [Without Thumbnails]

Setelah dulu, saya pernah mengajak anda untuk membuat Widget Membuat Daftar Isi Otomatis Di Blog , kali ini saya ingin mengajak anda untuk membuat Widget Popular Post, cuma biar gak nambah Beban Loading Blog anda terlalu berat saya putuskan untuk membuat tutorial yang tanpa Thumbnails atau image pelengkap.

Contohnya kebetulan gak saya pake di Blog ini, jadi silahkan perhatikan gambar diatas aja hhe...

Dan berikut Cara membuatnya:

1. Login blogger
2. Rancangan(Design)
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Copy Kode Dibawah ini Kedalamnya:

<!-- Popular posts with comment count Start -->
<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ol 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 + "\)";
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('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://devilsabers.blogspot.com
&ShowHowMany=10
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>
<span style=" float:right;"><a href="http://devilsabers.blogspot.com/2013/04/cara-membuat-widget-popular-post.html" target="_blank">Make your own</a></span>
<!-- Popular posts with comment count End -->

Keterangan: Silahkan Ganti Url http://devilsabers.blogspot.com dengan Url Anda dan ganti 10 Dengan Jumlah postingan yang ingin anda tampilkan.

Jika Sudah Save template anda dan lihat hasilnya...

Selamat mencoba...