Jumat, 14 Mei 2010

Cara membuat random post widget (menampilkan postingan secara acak) di blogspot

clip_image001
Cara membuat random post widget (menampilkan postingan secara acak) di blogspot. Selain menampilkan postingan terbaru (recent post) kita juga dapat menampilkan posting secara acak (random post). Apabila postingan terbaru hanya menampilkan postingan yang baru di posting, maka postingan acak bisa menampilkan postingan lama maupun postingan baru secara acak, setiap halaman dibuka maka isi postingan acak (random post) selalu berbeda sehingga memperbesar peluang pageview blog.
Contohnya bisa dilihat di sidebar blog ini, yaitu Random Post
clip_image003
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

1 komentar:

Omah belajar bersama mengatakan...

Bermanfaat sekali gan trims attas infonya !!!

Posting Komentar

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Blogger Templates