Sesuai judul, kali ini kita belajar membuat widget popular post di blogspot. nanti widget ini bisa kita tampilkan di sidebar blog sobat masing-masing. fungsinya adalah untuk menampilkan postingan paling populer menurut jumlah comment terbanyak.
lho bukanya semua udah tahu cara buat widget popular post. emang iya sih, tapi kali ini kita mau belajar buat popular post versi terbaru karena yang lama saya rasa terkadang tidak dapat berfungsi dengan baik. ya udah langsung aja yuk kita simak cara bikinnya. gampang kok.
Pertama. masuk dulu dong ke account blogger sobat masing-masing.
kedua. cari menu rancangan - elemen laman
ketiga. silahkan sobat mau ditempatkan sidebar mana, terserah sobat. klik menu tambah gadget-html/javascript.
keempat. silahkan copy script dibawah lalu paste-kan di gadget html tersebut.
<script language='javascript'>aBold = false;numposts=200;maxshowresult=7;home_page = "http://Blogsobat.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>
Keterangan untuk yang cetak merah
(abold= false;) = bisa dirubah menjadi true jika ingin tulisanya menjadi cetak tebal.
(numposts=200;) = hasil dari penelusuran 200 postingan
(maxshowresult=7;)= jumlah popular post yang ingin ditampilkan
home_page = rubah dengan URL blog sobat
kelima. klik simpan, Selesai
silahkan lihat hasilnya.
NB: Se benarnya saya menemukan tips ini dari blog lain: http://www.suranegara.com/ dari bertanya di google saat akan menerapkanya pada blog saya ini... thank agan yang buat, Buat sahabat blogger semoga tips ini bisa berguna....
» Rating
4.5
»
Postingan Terkait
Blog tip N trik
- Cara Memasang Rating Bintang Rich Snippets Pada Blogspot
- Trik membuat tulisan berjalan (marquee)
- CONVERT CODE HTML, JAVASCRIPT, CSS, DAN SEJENISNYA
- Cara Memasang Link Pada sebuah Gambar
- Membuat Spoiler (tombol Buka Tutup)
- Pengeditan Template Blogger Tampilan Baru Kurang Maksimal?
- Cara membuat Spoiler Di Komentar Blogspot
- Membuat spoiler di komentar treaded/bertingkat Blogspot
- Membuat spoiler di komentar Blogspot Non Treaded
- Ngerjain Autoblog Rssforward.com offpage
- Ngerjain Autoblog Yang Menforward Feed Kita
- Cara pasang Widget statistik Histats
- Review Komentar untuk Menambah Ide Postingan
- Test kecepatan web (GOOGLE PAGE SPEED ONLINE)
- Anti klik kanan mouse dan Keyboard tanpa script yang panjang
- Pasang widget follower/pengikut asli dan modifikasi sesuka hati
- Anti adblock 2.00 lindungi situs anda dari adblock
- Pasang tombol google +1 di wordpress dan blogspot
- Cara membuat link bergoyang dombret
- Membuat Sumber Otomatis bila ada yang kopas
0 comments :
Post a Comment