Thursday, July 9, 2009

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

 Selain menampilkan postingan terbaru(recent post) kita juga dapat menampilkan posting secara acak (randompost). Jika postingan terbaru hanya menampilkan postingan yang baru diposting, maka postingan acak bisa menampilkan postingan lama maupunpostingan 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






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(jin 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>

<scriptsrc="/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

sumber: komputerseo.com

Artikel Terkait:

0 comments:

Post a Comment

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes