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.

Description: Membuat Widget Popular Post di Blogspot
Rating: 4.5

Related Post



4 komentar:

Muhammad Joko Lukito ( Ojel HTC ) said...

lapor om saya dah follow juga neh :D

Ferry said...

sudah saya coba tp ga muncul ya mas....mohon pencerahannya :D

Rockeryck said...

@Ferry : jgn lupa url blogx jg dirubah pke URL blog punya sobat...

misalnya.., http://URL Blog Anda/.., ganti dgn http://ewabloggerock.blogspot.com/

tuluss sang tenchu mania said...

Sobat gimana cara hilangin
(undefined comments)
keliatannya kurang enak dipandang,
mohonsolusinya ,,,

Post a Comment