Sebelumnya Saya pernah sharing cara menambahkan recent posts dengan javascript. Namun kali ini kita akan mempelajari cara menambahkan random posts widget. Random posts sangat berbeda sekali dengan recent posts. Recent posts hanya menampilkan artikel terbaru yang tentunya dimuat hanya artikel baru tsb, sedangkan random posts akan memuat artikel yang acak, dan menampilkan artikel yang baru maupun lama serta artikelnya akan sirih berganti dan bisa menimbulkan pageviews yang tinggi.
Contohnya bisa sobat lihat pada gambar di bawah ini.
Berikut ini adalah script untuk menampilkan postingan secara acak di blogspot , script ini saya peroleh dari blog bloggerstop
<script type="text/javascript">
var acakarray = new Array();var l=0;var flag;
var numofpost=5;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;acakarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in acakarray){if(l==acakarray[j]){ flag=1;}}
if(flag==0&&l!=0){acakarray[i++]=l;}}document.write('<ul>');
for(n in acakarray){ var p=acakarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
Catatan:
Angka 5 pada numofpost=5 adalah jumlah postingan yang akan ditampilkan secara acak ,bisa diganti dengan kebutuhan anda.
Prosedur yang harus anda lakukan:
1. Login ke blogger
Pilih Tata Letak , Elemen Halaman , Tambah Gadget ,pilih HTML/Javascript
Masukkan kode javascript di atas ke dalam gadget HTML /Javascript.
6 comments
Mas Minta tutorial buat NEWER POST bisa SlideSHow gitu, saya pernah bikin sendiri tapi ga maju malah diem terus, minta bantuannya ya mas
Reply@Sidiq
ReplyNewer post slideshow yang kayak punya Saya di atas itu?
OK, saya akan buat tutorialnya di artikel selanjutnya.
sebentar berhasil gak ya,waduh net nya malah lemot
Replywow berhasil tahnks ya
Replybagus gan..
Replytapi punya ane standart aja ya?
gak ada modif2nya gitu?
makasii infonya ...:D
Replykalo saya sih lebih milih pake relate daripada random , hehe
Post a Comment
Silahkan Anda kritik dan sarannya pada kolom komentar di bawah ini. Karena setiap satu kata Anda berkomentar sangat berarti untuk kemajuan blog ini (baca: Cara Berkomentar yang Baik).