Cara Membuat Widget Random Post di Blogger

Ehem, untuk merayakan keberhasilan blog ini karena telah berganti tampilan, saya akan bagi-bagi tips seputar blogger lagi nih, topik kali ini ialah bagaimana cara membuat random post.

Langsung aja nih penampakan demonya.

Demo widget random post

Yap, gambar tersebut berasal dari blog ini, karena kebetulan saya juga pasang widgetnya untuk meningkatkan pageview, hehe. Jadi buat blogger yang ingin menambah PV tunggu apa lagi :D

Langkah-langkah

1. Login ke akun Blogger
2. Masuk ke Dasbor, lalu pilih menu Tata Letak
3. Tambahkan Gadget, kemudian pilih HTML/JavaScripst
4. Kemudian copy kode dibawah ini dan paste-kan ke kolom konten tersebut.

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;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>

* Catatan : teks berwarna biru merupakan jumlah posting yang akan tampil pada widget tersebut, bisa di rubah sesuai keinginan.

     5.   Klik Simpan
     6.   Selesai.


Gimana? Mudahkan?
Sampai jumpa di tutorial blogger selanjutnya :)