Wednesday, December 8, 2010

Membuat Widget Popular Post Sendiri Yuk. .


Widget popular post biasa digunakan untuk menarik perhatian pengunjung blog karena terdapat artikel-artikel kita yang paling banyak comment, langsung aja saya jelaskan bagaimana membuat widget popular post versi paling baru.
Sebenarnya sudah ada banyak tutorial yang menjelaskan bagaimana membuat widget ini, namun ini cara yang paling simple dan yang paling baru.

1. Login dulu ke akun blogger anda.
2. Masuk ke menu Design ->> Add Gadget ->> pilih javascript/HTML
3. Silahkan anda pilih widget ini mau diletakkan disebelah mana, intinya harus diletakkan diposisi yang mudah dilihat oleh pengunjung blooger.
4. Copy kan script berikut ini.

<script language='javascript'>
aBold = false;
numposts=200;
maxshowresult=10;
home_page = "http://BlogAnda.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>

5. Beri judul “Popular Post”
6. Kalau sudah anda lihat dulu dibagian Preview, clo dah pas boleh anda Simpan/SAVE.
Keterangan:
aBold = false; maksudnya adalah jika anda mengganti dengan true maka tulisannya akan bercetak tebal
numposts=200; maksudnya adalah hasil dari penelusuran 200 postingan
maxshowresult=10; ini untuk menampilkan jumlah maksimal popular post anda.
home_page = "http://BlogAnda.blogspot.com/"; Dibagian ini anda harus memasukkan alamat URL anda.

Gimana, mudah bukan?
Jika berkenan, silahkan berkomentar atau di coba.
Salam Blogger.

1 comment:

  1. Tapi kok gak muncul ya bro ? apa harus nunggu ada yang baca artikelnya dulu ? berkungjung ke blog saya ya brother :)

    ReplyDelete

Mohon maaf untuk komentar yang masuk harus terlebih dahulu melalui moderasi untuk menghindari adanya hal-hal yang tidak diinginkan dan juga SPAM..