Membuat Widget Popular Post di Blogger

Membuat Widget Popular Post di Blogger
Setelah dipostingan tutorial blog ewabloggerock sebelumnya telah menjelaskan tentang Cara Membuat Related Post dengan atau Tanpa Scrolling dan Tanpa Thumbnail., maka kali ini ewabloggerock kembali mengajak anda untuk Membuat Widget Popular Post di Blogspot... dan khusus postingan ini saya berinisiatif untuk membuat tutorial yang Tanpa Thumbnails atau image pelengkap. Agar tidak menambah berat Beban Loading Blog anda.
Anda bisa lihat contohnya pada pada gambar dibawah...
Berikut Cara membuatnya: 
1. Login ke blogger
2. Pilih Rancangan (Design)
3. Pilih Elemen Halaman (Page Elements)
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Silahkan Copy Script dibawah ini lalu paste-kan Kedalam gadget HTML tersebut:
<script language='javascript'>
aBold = false;
numposts=200;
maxshowresult=13;
home_page = "http://URL Blog Anda/";
</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>
4. Klik Simpan (Save)...
Keterangan: 
(abold= false;)           = ganti menjadi true jika ingin tulisanya menjadi cetak tebal.
(numposts=200;)       = hasil dari penelusuran 200 postingan
(maxshowresult=13;) = jumlah popular post yang ingin ditampilkan
(home_page="http://URL Blog Anda/";) = ganti dengan URL/Alamat blog Anda.


Sumber: http://ewabloggerock.blogspot.com/2011/10/membuat-widget-popular-post-di-blogspot.html#ixzz2VcgGpNqc
Under Creative Commons License: Attribution

TAMU