Cara Membuat Atau/Menambahkan Postingan Populer Di Blog Menurut Jumlah Komentar --- Assalamualaikum, Pada siang ini saya akan membagikan kembali sebuah tutorial, yaitu tutorial menambahkan Popular Post di blog, Popular post maksudnya adalah daftar postingan terpopuler atau dengan kata lain terfavorit yang muncul berdasarkan berapa banyak jumlah komentar pada postingan tersebut. jika masih bingung dengan penjelasan saya yaudah kita mulai saja membuatnya, tp sebelum itu lihat dulu contohnya di bawah ini :

Rezdown7|cara membuat widget populer, membuat populer posts di blog, postingan terbaik di blog, menu populer posts|Cara Menambahkan Popular Post Atau Postingan Populer Di Blog

Cara Menambahkan Popular Post Atau Postingan Populer sbb :
1. Masuk dulu ke akun blogger anda
2. Setelah anda berada di Dashboard pilih Desaign dan anda akan diantar ke halaman Edit Layout Tepatnya Page Elements.
3. Pilih Add a Gadget --> HTML/JavaScript
4. Masukkan/Copy-Paste Kode Di Bawah Ini :
<script language='javascript'>
aBold = false;
numposts=250;
maxshowresult=10;
home_page = "http://idmusicbox.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>
5. Save dan Lihat Hasilnya
Keterangan : Tulisann yang berwarna Merah silahkan anda ganti sesuai keinginan anda

aBold = Penebalan Teks (true or false)
numposts= Total Postingan yang akan ditelusuri
maxshowresult= Jumlah daftar yang akan tampil
home_page =Alamat Blog anda

12 komentar :

  1. hai,,, thanku infonya.. langsung aku pasang di blogku loh.. :)
    salam kenal ;)

    BalasHapus
  2. @nitawanitahai juga,,sama2 sobat
    saya menuju kerumahmu nih :)
    salam kenal balik :D

    BalasHapus
  3. Info bagus sob.... cocok untuk newbie seperti ane... wkwkwk

    kalo ada caranya bikin post animasi berjalan sob, biasanya ada di pinggir homepage. Ada gambar postingan gitu,,, waduhh sulit ngomongnya gimana.. hehehe

    BalasHapus
  4. @Indrazz Afterlife maksudx recent post yang thumbanil n slide show gitu...
    bingung juga nih maksd km yg kyk gmn,,wkwkwkw :p

    BalasHapus
  5. Siip Sob ilmunya... Tapi kebetulan saya sudah pasang yang dari blogger.nya... :)
    Salam Kenal... :)

    BalasHapus
  6. nah iya sob.... betul gitu, yang ada thumbnail nya, trus slide kebawah gitu.... ahhh.... susah amat ane nih.... xixixixi

    tolong kasi tutornya sob kalo ada, hehehe... :D

    BalasHapus
  7. thanks atas info tentang panduan memasang popular post...

    BalasHapus
  8. Catatan Ngeblog :
    makasi kawan..
    ow gitu toh....
    okey salam kenal balik :D
    _________________________
    Indrazz Afterlife :
    ada sih sob...
    tp saya belum bisa posting,,alx belum waktunya untuk buat postingan baru..syg klo udah buat lgi :D,,hehe
    kalau mau cari aja di gogle dengan kata kunci "recent post animasi dengn jquery" pasti nemu sob :D
    maap yah...
    ________________________
    assyafieq :
    okey sama2 atas kunjungaxx :D

    BalasHapus
  9. ow gitu sob... hehehe,,, ane ngerepotin aja nih... ntar ane browsing aja sob :D
    trims atas kata kuncinya :D

    wkwkwk

    BalasHapus

Dimohon Untuk Tidak Melakukan KOMENTAR SPAM!!
- Memasukkan Link Aktif
- Promo/Iklan
- Komentar Tidak Sesuai Postingan
- Posting Berualang-Ulang

Tiket Pesawat Murah - Promo

Kaos Dakwah Islami

Kaos Dakwah Islami