Tampilan Entri Populer With Comment

Kali ini Blogspot Pemula Posting Artikel Tampilan Entri Populer With Comment, ya.. with Comment. Dibelakang Entri Populer tertera jumlah comment yang ada. 

Dengan sedikit modifikasi kita bisa merubah tampilan dari Entri Populer Kita. Widget Entri Populer yang akan kita pasang ini berdasarkan jumlah komentar terbanyak.  Yah, tanpa panjang lebar silahkan dicoba script yang kami sediakan.

Caranya :

1. Masuk ke akun Blogger Kita.
2. Klik Rancangan > Elemen Laman > Tambah Gadget.
3. Pilih HTML/JavaScript.
4. Beri judul sesuai keinginan Kita.
5. Copy dan paste kode di bawah ini di Konten.

<div style="overflow:auto;width:280px;height:200px;padding:5px;border:1px solid #cccccc">
<script language='javascript'>
aBold = false;
numposts=999;
maxshowresult=10;
home_page = "http://blogspotpemula.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>

Catatan:

• Ganti "http://blogspotpemula.blogspot.com" dengan url blog Kita.
• Angka 10 menunjukkan banyaknya posting yang ingin ditampilkan, ini bisa diganti sesuai keinginan Kita.

6. Klik tombol SIMPAN.
7. Pindahkan elemen ke tempat yang Kita inginkan.
8. Klik tombol SIMPAN.
9. Selesai.

Bagaimana Hasilnya sobat?

Sukses Selalu Ya.