Cara membuat popular post di blogspot

Sesuai judul, kali ini kita belajar membuat widget popular post di blogspot. nanti widget ini bisa kita tampilkan di sidebar blog sobat masing-masing. fungsinya adalah untuk menampilkan postingan paling populer menurut jumlah comment terbanyak.

lho bukanya semua udah tahu cara buat widget popular post. emang iya sih, tapi kali ini kita mau belajar buat popular post versi terbaru karena yang lama saya rasa terkadang tidak dapat berfungsi dengan baik. ya udah langsung aja yuk kita simak cara bikinnya. gampang kok.

Pertama. masuk dulu dong ke account blogger sobat masing-masing.

kedua. cari menu rancangan - elemen laman

ketiga. silahkan sobat mau ditempatkan sidebar mana, terserah sobat. klik menu tambah gadget-html/javascript.

keempat. silahkan copy script dibawah lalu paste-kan di gadget html tersebut.

<script language='javascript'>

aBold = false;

numposts=200;

maxshowresult=7;

home_page = "http://Blogsobat.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>

Keterangan untuk yang cetak merah
(abold= false;)        = bisa dirubah menjadi true jika ingin tulisanya menjadi cetak tebal.
(numposts=200;)    = hasil dari penelusuran 200 postingan
(maxshowresult=7;)= jumlah popular post yang ingin ditampilkan
home_page            = rubah dengan URL blog sobat


kelima. klik simpan, Selesai
silahkan lihat hasilnya.

NB: Se benarnya saya menemukan tips ini dari blog lain: http://www.suranegara.com/ dari bertanya di gugle saat akan menerapkanya pada blog saya ini... thank agan yang buat buat sahabat blogger semoga tips ini bisa berguna....

Related Article:

Article - Blogger tips

• Cara pasang widget Blogger Indonesia
• Tip membuat link bila di klik akan membuka tab baru, baik manual maupun otomatis
• Cara Memasang Sesuatu Di Halaman depan blog
• Cara Ampuh Mengetahui Artikel Kita di Copy Paste
• Tip mengamankan file gambar componen template blog agar tidak hilang
• Blogger tip - Cara membuat Widget TRANSLATOR alias penerjemahan
• Blogger tip - Cara membuat menu Horisontal di blogger alias blogspot
• Cara membuat read more otomatis (automatic read more)
• Cara membuat blog di blogger.com
• Cara Membuat Kategori / Label di Blogger plus bonus SPOILER
• Cara mempercepat blog dengan mudah
• Test loading speed pada blog
• Menyembunyikan Title dan Description pada Blog
• Cara Menghilangkan Navbar di Blogger
• Kumpulan kode warna html
• Cara Mengubah Warna Link