Cara Pasang Random Post Di Sidebar Blog

Pasang Random Post Di Widget Blog - Dipostingan sebelumnya gang tutorial sudah share Cara Menghilangkan Tulisan Posting Lama/Posting Baru dan Beranda Blog, Sedangkan kali ini akan share tips blog yang sempet di request oleh salah satu sobat via SMS pada saat dalam perjalanan menuju rumah dari habis ngukurin jalan raya mulai jam 13.00 WIB tadi. Sebut saja Asis Sugianto, dia sms cara membut random post diblog. Kira-kira seperti itu isi dari SMS yang masuk ke inbox HP jadul saja. he..he..he..

Sebenarnya Cara Buat Random post sudah sempat dishare diblog ini, cuman pada postingan ini tentunya beda dengan sebelumnya. Jika sobat tertarik baca : Cara Membuat Random Post Pada Blog. Pemasangan Random Post, jelas beda sekali dengan recent post, karena kalau suatu blog dipasangin semacam random post, maka yang ditampilkan secara acak (baik postingan lama ataupun postingan baru) dan tentunya disetiap halaman blog diakses, maka yang ditampilkan belum tentu sama dengan tampilan yang sebelumnya.

Contohnya bisa dilihat di screenshot dibawah ini ;

Live Demonya : All Collection Files

Langkah-langkah Cara Membuat Random Post Di Widget Blog

Seperti biasanya Silahkan Login ke blogger dengan ID sobat
Pilih Rancangan >> Elemen Halaman
Tambah Gadget >> HTML/Javascript
Silahkan masukkan kode javascript di bawah ini dalam konten gadget HTML /Javascript tersebut

<script type="text/javascript">

var acakarray = 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;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:
Silahkan ganti angka pada kode var numofpost=10 sesuai dengan jumlah postingan yang akan ditampilkan secara acak di sidebar blog sobat