Cara Memasang Widget Artikel Acak (Random Posts) di Blog

Ditulis oleh Arief Ghozaly Posting Komentar

Kali ini, izinkan saya berbagi tutorial bagaimana caranya membuat, menambahkan atau memasang widget Random Posts di blogspot.com (blogger.com) dengan mudah.

Disebut Random Posts karena daftar artikel yang ditampilkan memang acak, tidak menentu. Tidak seperti Recent Posts yang menampilkan artikel terbaru yang baru saja dipublikasikan.

Cara Memasang Widget Artikel Acak (Random Posts) di Blog

1. Masuk ke Blogger > Pilih Blog > Tata Letak (Layout)

2. Silakan pilih tombol Tambahkan Gadget > HTML/JavaScript (Js)

3. Tambahkan (isi) judul atau nama widget, lalu isi kolom konten yang kosong dengan kode di bawah 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="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&
callback=randomposts" type="text/javascript"></script>

Perhatikan: Ganti angka 10 sesuai keinginan. Angka 10 merupakan jumlah daftar artikel yang ditampilkan nantinya.

4. Klik tombol simpan. OK selesai.

Untuk mengaktifkan show or hidden widget, silakan klik di sini: cara menampilkan dan menyembunyikan widget tertentu di blog. Silakan sobat klik tautan tersebut.

Itulah tutorial bagaimana caranya membuat, menambahkan atau memasang widget Random Posts di blogspot.com (blogger.com) dengan mudah.