Membuat Random Post di Blogger

Mumpung diwarnet waktunya belum habis hehe, pada tutor kali ini saya akan membagikan bagaiman sih caranya membuat random post di blogger. jika saya sudah memberi tahu cara membuat postingan terbaru atau related post dan headline dengan javascript kali ini mah yang random, jadi akan menapilkan artikel secara acak tidak sesuai urutan. bisa kalian lihat hasilnya pada gambar diatas. lalu caranya seperti ini :

1. Masuk Akun Blogger kalian.

2. Klik Rancangan --> Elemen Laman --> Tambah Gadget.

3. Pilih HTML/Javascript.

4. Masukan Kode dibawah ini :

<a href='http://bit.ly/work24'><img alt='blogger widgets' src='https://sites.google.com/site/bdlab12/24work/blogspot%2btutorial.png'/></a><script type="text/javascript">

var randarray = new Array();var l=0;var flag;

var numofpost=8;function randomposts(json){

var total = parseInt(json.feed.openSearch$totalResults.$t,10);

for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}

if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');

for(n in randarray){ var p=randarray[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>

<span style="font-size:5px;position:absolute;"><a title='blogger widget' href="http://24work.blogspot.com" target='_blank'>Blogspot Tutorial</a></span>

*NumofPost adalah jumlah postingan yang akan ditampilkan.

5. Simpan. thanks to bdlab.blogspot.com

Postingan Terkait:

Posted in: Blogger,Random Post