my blogger
Powered by Blogger.

music

About Me

My photo
saya reza purbaya orangnya homoris dan serius apabila serius

Translate

Paling Hits

sederhana banyak cinta

Saturday, 8 June 2013

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

0 komentar

Post a Comment

Lencana Facebook