Cara Membuat Widget Random Post Atau Artikel Acak Pada Blog

Dari judul diatas saya yakin kalau sobat blogger pasti sudah tahu maksudnya, sebuah widget untuk menampilkan title post/judul posting secara acak, baik itu artikel lama atau pun yang masih baru.

Penggunaan dari widget ini tentunya akan mempermudah para pengunjung blog untuk mengetahui artikel-artikel didalamnya, seperti halnya widget Popular Post yang menampilkan title-title yang sering dibaca pada waktu tertentu atau Recent Post yang hanya menampilkan judul yang paling baru. Untuk memasang widget random post, kalian bisa menggunakan script dibawah ini:

  • Masuk akun blogger
  • Pilih Design atau Rancangan - Tambah Gadget - HTML/javascript
  • Kemudian Copy paste script dibawah 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>
    <span class="Apple-style-span" style="color: black; font-family: arial, sans-serif; font-size: 10px;"><a href="http://mas-amien.blogspot.com/2011/12/cara-membuat-widget-random-post-atau.html" target="_blank">Cara Membuat Random Post</a></span>
  • Klik Simpan

NOTE : angka 10 yang diberi tanda warna merah, menunjukan jumlah post yang akan muncul dalam widget random post, Sobat Blogger bisa merubahnya sesuai dengan keinginan anda.

Mudah sekali Bukan....
Selamat Berkreasi...
Cara Membuat Widget Random Post Atau Artikel Acak Pada Blog

1 comments: