Cara Membuat Populer Post- Artikel Populer dengan Tambahan Jumlah Komentar

By Unknown

Kamis, 17 Mei 2012

Ada cara lain untuk membuat Populer 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 Populer Post kali ini bukan dari Top View tapi berdasarkan jumlah komentar terbanyak yang masuk pada tiap-tiap artikel.

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://mazvik.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://mazvik.blogspot.com/"/>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.

Jadi seperti itulah cara membuat Populer Post (Artikel Paling Top) dengan tambahan jumlah komentar di Blogspot. Selamat mencoba dan semoga berhasil, terimakasih.

Share :

Facebook Twitter Google+