Cara Membuat Widget Random Post (Artikel Acak) di Blog

Oleh: Unknown

Saturday 7 February 2015

Bagikan :

Tweet

DETIKREVOLUSI.com - Beberapa hari yang lalu, saya sudah memberikan tutorial Cara Membuat Widget Recent Post (Artikel Terbaru) di Blog. Pada kesempatan kali ini saya akan memberikan tutorial Cara Membuat Widget Random Post (Artikel Acak) di Blog. Widget random post adalah widget yang menampilkan postingan atau artikel secara acak atau random untuk seluruh artikel di blog tanpa terkecuali. Dengan memasang widget ini, postingan-postingan lama yang kemungkinan sudah tidak terlihat pengunjung dapat ditampilkan kembali secara acak bersama postingan-postingan lama dan postingan terbaru lainnya.

Berikut langkah-langkahnya :

1. Masuk ke dashboard blogger.com

2. Pilih Tata Letak > Tambahkan Gadget > HTML/JavaScript

3. Lalu copy dan paste-kan kode di bawah ini ke kolom konten HTML/JavaScript tadi.

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

4. Selesai, klik "Simpan".

Nah, itulah Cara Membuat Widget Random Post (Artikel Acak) di Blog. Semoga tutorial yang saya berikan bermanfaat untuk Anda. Selamat mencoba dan semoga berhasil.

Tag : Tutorial