01 Mei 2013

Cara Membuat Widget Most Commented di Blogspot

Widget Most Commented adalah widget yang menampilkan daftar posting di blog kita yang memiliki komentar terbanyak dari pengunjung. Ini sedikit berbeda dengan widget Recent Comment, yang hanya menampilkan nama dan text dari komentar terbaru. Contoh dari widget artikel yang paling banyak dikomentari, tampak pada sidebar blog ini. Jika anda berminat untuk menggunakan widget ini pada blog anda, berikut caranya :

1. Login ke akun Blogger anda
2. Pilih menu "Tata Letak"
3. Klik pilihan tambah widget-pilih HTML/JavaScript
4. Isikan dengan kode di bawah ini :

<script language='javascript'>
aBold = true;
numposts=200;
maxshowresult=5;
home_page = "http://universal.hermantan.com/";
</script><script>

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.Ganti alamat link biru diatas dengan alamat blog kalian.
6. Untuk mengatur jumlah postingan yang akan ditampilkan, silahkan ganti angka "5" yang bercetak biru diatas.
7. Save, dan atur posisi letaknya dengan cara seret-drag pada menu dashboard.

1 komentar:

Semut Kecil mengatakan...

Cuma buat blogspot ya ?
Nggak bisa untuk wordpress ?