Cara Membuat Widget Random Post

Tips blogging kali ini saya ingin berbagi tentang
bagaimana cara membuat widget random post, topik usang tapi masih banyak dicari
oleh para newbie. Widget Random Post atau posting acak adalah satu dari sekian
banyak pilihan widget yang bisa kita pasang di sidebar blog kita. Pada widget
random post ini semua posting yang ada di blog, baik posting lama maupun
postingan terbaru akan ditampilkan secara acak setiap kali kita membuka tab
baru. Seperti apa cara membuat widget random post ini, ikuti langkah-langkahnya
seperti dibawah ini :

• Login ke dashboard blogger anda.

• Pilih Rancangan >> Elemen Laman >>
  Tambah gadget (Add gadget) pilih HTML/JavaScript.

• Copy script dibawah ini dan paste pada gadget
  yang baru dibuat tadi.

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

• Simpan dan preview hasilnya dengan mengklik Pratinjau.

• Selesai

Dengan adanya widget random post ini maka setiap pengunjung blog anda juga dapat langsung melihat postingan apa saja  yang ada di blog sobat. OK sobat, demikian langkah singkat cara membuat widget random post dari saya. Selamat mencoba untuk anda dan salam blogger.

Artikel terkait :

Cara Memasang Script Anti iframe di Blogspot

Tips Pengaturan Tag Heading Agar Menjadi SEO Friendly