Cara Membuat Random Posts Di Blogger - Menampilkan Artikel Acak

Tadi waktu mampir ke salah satu blog teman saya melihat ada Widget/Gatdet Random Post di sidebar blog bloggernya akhirnya saya jadi terfikir untuk menuliskan cara membuat random post di blogger.
Tujuan memasang script random post di blogger ini adalah untuk menampilkan artikel acak di sidebar blog blogger, jadi artikel yang muncul di gadget random post nanti akan berubah-ubah, inilah sebabnya kenapa jadi di sebut dengan Random Post.

Cara Menampilkan Random Post / Artikel Acak Di Blogger

Agar bisa menampilkan random post di blogger maka seperti biasanya langkah pertama yang harus di lakukan adalah Login ke Dashboard blogger kemudian klik Design / Rancangan / Tata Letak.
Klik Add a Gatget, kemudian pilih Gadget HTML/JavaScript.
Masukkan script random post berikut di dalam Gadget HTML/JavaScript tersebut
<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>
Setelah script random post di atas sudah di masukkan jangan lupa untuk menyimpan nya.
Nah itulah Panduan Cara Membuat Random Posts Di Blogger.
Apakah cara ini benar-benar bisa menampilkan random post di blogger?
Ya... Cara ini memang benar-benar bisa menampilkan random post di blogger, berikut hasil kerja dari script random posts tersebut.

Random Posts




Itulah hasil kerja dari script ramdom post tersebut. Selamat mencoba dan semoga berhasil.

26 comments:

  1. tolong cara buat arsip yang pull down di side bar gimana caranya ?kayak seperti daftar isi

    ReplyDelete
  2. widget random post bagus...sudah terisntall di blog saya...

    http://globalkan.blogspot.com/

    thx, ya? :)

    ReplyDelete
  3. Wahhh... Bagus nih
    Mantap

    Mampir balik ya
    http://ishizawa-blog.blogspot.com/

    ReplyDelete
  4. mas, tahu gak cara ngerandom postnya tetapi kita tentuin dulu mana posting yg akan ditampilkan di random posts dan posting yang tidak akan ikut ditampilkan di random posts ???
    liat syntax javascript di atas agak pusing juga, cz lum mahir.
    makasih

    ReplyDelete
  5. mantab gan makasih banget artikel nya, sudah bermanfaat buat saya ... kunjungin juga blog ane gan mudah mudahan bisa bermanfaat juga http://erosandi.blogspot.com

    ReplyDelete
  6. itu bro... yang saya cari cari......

    ReplyDelete
  7. terimakasih bos atas script nya..??

    ReplyDelete
  8. makasih informasinya, ini sangat bermanfaat bagi saya yang masih pemula :)

    ReplyDelete
  9. artikel yang bermanfaat bagi saya.....

    Salam kenal kumendan http://jabungleopark.blogspot.com

    ReplyDelete
  10. gan...
    klo dibuat pake thumbnail bisa gak??
    ane lagi cari yang random, klo yang recent sama related sich banyak..
    klo gak related post tapi nongol di homepage juga gak pa2....

    ReplyDelete
  11. keren mas :)

    http://catatanlinuxku.blogspot.com

    ReplyDelete
  12. walaupun pencarianku belum berhasil, tapi inilah yang paling bagus untuk saat ini, ane nyari random post yang efek slide gan :)

    ReplyDelete
  13. makasih informasinya, ini sangat bermanfaat bagi saya yang masih pemula :)

    ReplyDelete
  14. Trims gan, izin untuk digunakan info ini,

    ReplyDelete
  15. muantep bang ilmunya ane dah coba & berhasil tahnks ea

    ReplyDelete
  16. wah..keren sob...ane mw tanya nih..gmn caranya merubah tampilan postingan menjdi Grid kayak punya sobat ini..thanks..

    ReplyDelete
  17. @Arya Susastra Edit css templatenya. atau download template yang tampilannya Grid kemudian modifikasi homenya

    ReplyDelete
  18. Makasih atas Infonya nih...scriptnya bekerja... \m/

    ReplyDelete
  19. mantap gan untuk ilmu nya, thnks yah sob.....

    ReplyDelete
  20. sipz sob berhasil,,,
    kunjugan balik nya ya sob + follow yah please ..
    masih newbie

    ReplyDelete