Cara Membuat Widget Random Article

Halo sobat MampirBro. Sudah lama saya tidak ngeposting tutorial blog. Artikel kali ini kita akan mencoba membuat widget random post/random articles yang dimana widget ini akan menampilkan judul-judul postingan blog sobat secara acak dan akan berubah setiap kali di refresh atau berganti page/laman. Untuk demo dan tutorialnya dapat sobat lihat dibawah ini.

*DEMO*

Tutorial:

Login seperti biasa ke blog sobat.

Pilih menu [Tata Letak/Layout] > [Tambah Gadget/Add Gadget] > [HTML/JavaScript]

Kemudian copy scriptcode dibawah ini ke kolom HTML/Javascript:

<div style="overflow: auto;background-color:#C7DFB5; margin: 0px auto; padding: 5px; height: 140px;width: 94%;text-align: left;"> <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> <span class="Apple-style-span" style="color: black; font-family: arial, sans-serif; font-size: 10px;"><a href="http://mbkaos.com" target="_blank">thank you for visiting</a></span> </div>

Warna Merah : code warna background
Warna Ungu : tinggi dan lebar widget
Warna Biru : ganti dengan alamat blog sobat

Simpan widget.

Sekarang coba lihat beranda blog sobat. Jika cara diatas berhasil, maka widget random articles sudah terpasang diblog sobat. Selamat mencoba sob.

Semoga berguna dan bermamfaat
Follow twitter saya ya (twitter.com/mampirbro), ntar saya follback
*Sumber: Salam MampirBro