Kali ini saya akan share bagaimana cara memvalidkan widget random post / postingan yang ditampilkan secara acak dan loading cepat. Postingan yang acak ini juga akan meningkatkan pageview blog karena artikel yang lama juga muncul kembali. Biar gak terlalu lama saya mulai saja ke topik pembahasan.
Cara Membuat Widget Random Post Valid HTML
1. Login ke blogger.com
2. Pada dasbor, pilih Tata Letak => Tambah Gadget
3. Pilih HTML/JavaScript, dan masukkan kode berikut ini
<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="http://lintas-tutor.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
Keterangan : ganti url Terlintas dengan url blog anda.
4. Simpan
