Home , › Tampilan Entri Populer With Comment

Tampilan Entri Populer With Comment

Entri Populer
Kali ini Blogspot Pemula Posting Artikel Tampilan Entri Populer With Comment, ya.. with Comment. Dibelakang Entri Populer tertera jumlah comment yang ada. 

Dengan sedikit modifikasi kita bisa merubah tampilan dari Entri Populer Kita. Widget Entri Populer yang akan kita pasang ini berdasarkan jumlah komentar terbanyak.  Yah, tanpa panjang lebar silahkan dicoba script yang kami sediakan.

Caranya :
1. Masuk ke akun Blogger Kita.
2. Klik Rancangan > Elemen Laman > Tambah Gadget.
3. Pilih HTML/JavaScript.
4. Beri judul sesuai keinginan Kita.
5. Copy dan paste kode di bawah ini di Konten.

<div style="overflow:auto;width:280px;height:200px;padding:5px;border:1px solid #cccccc">
<script language='javascript'>
aBold = false;
numposts=999;
maxshowresult=10;
home_page = "http://blogspotpemula.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>
</div>

Catatan:
  • Ganti "http://blogspotpemula.blogspot.com" dengan url blog Kita.
  • Angka 10 menunjukkan banyaknya posting yang ingin ditampilkan, ini bisa diganti sesuai keinginan Kita.
6. Klik tombol SIMPAN.
7. Pindahkan elemen ke tempat yang Kita inginkan.
8. Klik tombol SIMPAN.
9. Selesai.

Bagaimana Hasilnya sobat?

Sukses Selalu Ya.
Share this article :

12 comments

berkunjung sob..sukses selalu yah..:)
salam kenal aje..

@Outbound makasih kunjungannya.

Boleh dicoba ne gan, mantab, ijin nyicipi gan.

@Lazisphone Makasih kunjungannya

gak bisaaaaaaaaaaaaaaaa! gak bisa dipake di blog saya T_________T
padahal url udah diganti. apa yang salah?

@Millati Indah
Seharusnya bisa teman, apalagi saya lihat templatenya itu bawaan blogsopt . Dicoba lagi dengan hati-hati. Salam

beneran belum bisa... ada yang kurang gak sih script-nya? atau ada yang mesti diganti lagi? btw, ni gak pake jumlah minimal komentar kan? kalo pake yahoo pipes kan minimal 100 jadi di blog saya emang gak bisa.

@Millati Indah
Ga masalah script nya teman. kalau memang ga tampil juga coba kurangi angka 9999 dengan 100.

Mudah-mudahan bisa membantu.

Well, udah saya coba. Tetep kosong. Cuma muncul kotak aja. Saya coba gak ganti url-nya, tetep blogspotpemula.blogspot.com juga tetep ga muncul. Padahal, logikanya muncul postingan populer dari blogspot pemula, kan?
Gak ngerti deh masalahnya di mana.

@Millati Indah
Koq gagal ya? Kemaren sudah kami coba disini, tapi kami hapus lagi.
Tapi kalau percaya boleh saya bantu masanginnya di blognya. Salam

saya juga bilang,script agan ndak bisa di pasang di blog saya.ayo direvisi mana yang salah!

@solo on line
Sudah direvisi Kang.

Test sukses. Terimakasih atas pemberitahuannya.