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



8 komentar:

Anonymous said...

lapor om saya dah follow juga neh :D

KreatifLogo said...

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

Unknown said...

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

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

Unknown said...

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

twintwinky said...

agen365 menyediakan game : sbobet, ibcbet, casino, togel dll
ayo segera bergabung bersama kami di agen365*com
pin bbm :2B389877

Health and wellness Blog india said...

That is great to hear, thank you for reading!

twintwinky said...

AJOQQ menyediakan 8 permainan yang terdiri dari :
Poker,Domino99 ,BandarQ,BandarPoker,Capsa,AduQ,Sakong,Bandar66 ( NEW GAME )
Ayo segera bergabung bersama kami di AJOQQ :)
Bonus : Rollingan 0.3% dan Referral 20% :)

Unknown said...

Anda ahli dalam bermain kartu ?
tunjukkan keahlian di sini
banyak promo dan bisa bawa hoki
hanya di ---->>>> I O N Q Q : A G E N JUDI KARTU TERBAIK | <<<<----

Post a Comment