Cara Membuat Top Post (Popular Post - Artikel Paling Top) Dengan Tambahan Jumlah Komentar di Blogspot

Mungkin teman-teman sudah tidak asing lagi mendengar judul artikel kali ini "Cara Membuat Top Post (Popular Post - Artikel Paling Top)" ketika teman-teman lagi berselancar ria googling kesana dan kemari bukan? :)

Tapi  bisa jadi script tersebut ERROR alias tidak berfungsi dengan baik,  kalau tidak muncul Top Postnya yang muncul malah Url artikel  postingannya, karena saya sendiri sudah pernah mencobanya dari dulu,  TRIAL and ERROR, hahaha.

Nah, saya kali ini ada cara lain untuk membuat Top Post tersebut, tapi bukan menggunakan fungsi pipecallback yang sebelumnya sering digunakan.

Anggap  saja cara ini adalah renovasi dari cara yang lama (the new version  makes a top post) dan tentunya juga dengan tambahan jumlah komentar  ditiap artikel, karena penentuan Top Post kali ini bukan dari Top View tapi berdasarkan jumlah komentar terbanyak yang masuk pada tiap-tiap artikel.

Lihat pict

Ok, berikut ini langkah-langkahnya:

1. Login ke akun blogspot teman-teman,

2. Klik Design/Layout/Tata Letak >> Page Element >> Add a Gadget >> HTML/Javascript,

3. Copy paste kode di bawah ini dan taruh di dalam kotak HTML/Javascript:

 <div style="overflow:auto;width:145px;height:298px;border:1px solid #eee;padding:8px;margin:10px 0 0">

<script language='javascript'>

aBold = false;

numposts=200;

maxshowresult=10;

home_page = "http://anggasona-anotherbestblog.blogspot.com/";

</script>

<script type='text/javascript'>

//<![CDATA[

var  postTitlear=new Array();var postUrlar=new Array();var postCommentar=new  Array();var totalpost;document.write("<ul>");function  showrecentposts(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];break}}c=(aBold)?"<b>"+c+"</b>":c;postTitlear.push(c);postUrlar.push(g);postCommentar.push(b)}sortPosts();for(var  f=0;f<maxshowresult;f++){var e='<li><a  href="'+postUrlar[f]+'" class="recent-link">'+postTitlear[f]+"  ("+postCommentar[f]+" comments)</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="'+home_page+"feeds/posts/default?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>');

//]]>

</script>

<div style="font-size:9px; padding:8px 0px 0px 0px">

<a   href="http://anggasona-anotherbestblog.blogspot.com/2010/06/cara-membuat-top-post-popular-post.html"/>Get  This Widget</a>

</div>

Note:

-  Setting lebar dan tinggi kolom Top Post dengan mengubah width:145px;height:298px,

- Jika ingin membuat tulisan Top Post menjadi lebih tebal maka ubah aBold=false menjadi aBold=true,

- Numpost= 200  adalah jumlah artikel yang akan ditelusuri untuk dipilih menjadi Top  Post, tentunya dengan jumlah komentator paling banyak, teman-teman bisa  mengganti jumlahnya, tinggal disesuaikan dengan jumlah seluruh artikel  yang sudah diposting,

- maxshowresult=10 adalah jumlah Top Post yang ingin ditampilkan, teman-teman bisa merubahnya sesuai dengan keinginan,

- home_page= silahkan teman-teman ganti dengan alamat Homepage blog teman-teman.

4. Jika sudah selesai semua, maka klik save dan lihat hasilnya.

Kira-kira seperti itulah Cara Membuat Top Post (Popular Post - Artikel Paling Top) Dengan Tambahan Jumlah Komentar di Blogspot. Selamat mencoba dan semoga berhasil, ditunggu juga ya komentarnya, terimakasih.