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://cantik-2013.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://cantik-2013.blogspot.com/2010/06/cara-membuat-top-post-popular-post.html"/>Get This Widget</a>
</div>
<script language='javascript'>
aBold = false;
numposts=200;
maxshowresult=10;
home_page = "http://cantik-2013.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://cantik-2013.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.
