Cara Buat Widget Random Post Blogspot

Iklan
Cara Buat Widget Random Post Blogspot ini sangatlah mudah, Widget Random Post ini akan kita pasang pada Sidebar blog kita, jadi nantinya akan tampil beberapa post blog secara random / acak.

Fungsi dari random Post untuk mempermudah para pengunjung melihat isi posting blog sobat, jadi tanpa harus banyak klik beberapa post blog sobat akan tampil secara random di widget blog sobat. Tampilannya seperti gambar di bawah ini : 


Cara membuatnya yaitu sebagai berikut : 
1. Login ke akun blog sobat, 
2. Lalu buka => Tata Letak => Elemen Halaman => Tambah Gadget => HTML/Javascript
3. Lalu copy kan kode berikut kedalamnya :

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

# Angka 10 yang merah : Merupakan jumlah posting yang akan tampil pada random post sobat.
# Angka 1000 yang biru :  Merupakan jumlah semua post yang kan di randaom / diacak pada widget random post. Sobat bisa ganti berapapun tergantung jumlah posting sobat.

4. Lalu Save. Hasilnya sobat bisa lihat contoh di bawah ini, link dibawah ini merupakan random post hasil dari kode-kode diatas. Terima kasih.

Test Random Post 

 
 Source by . Ageboy