Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Widget Random Post


Cara Membuat Random Post
Tips blogging kali ini saya ingin berbagi tentang bagaimana cara membuat widget random post, topik usang tapi masih banyak dicari oleh para newbie. Widget Random Post atau posting acak adalah satu dari sekian banyak pilihan widget yang bisa kita pasang di sidebar blog kita. Pada widget random post ini semua posting yang ada di blog, baik posting lama maupun postingan terbaru akan ditampilkan secara acak setiap kali kita membuka tab baru. Seperti apa cara membuat widget random post ini, ikuti langkah-langkahnya seperti dibawah ini :

  • Login ke dashboard blogger anda.
  • Pilih Rancangan >> Elemen Laman >> Tambah gadget (Add gadget) pilih HTML/JavaScript.
  • Copy script dibawah ini dan paste pada gadget yang baru dibuat tadi.

<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>
  • Simpan dan preview hasilnya dengan mengklik Pratinjau.
  • Selesai
Dengan adanya widget random post ini maka setiap pengunjung blog anda juga dapat langsung melihat postingan apa saja  yang ada di blog sobat. OK sobat, demikian langkah singkat cara membuat widget random post dari saya. Selamat mencoba untuk anda dan salam blogger.


Artikel terkait :
Cara Memasang Script Anti iframe di Blogspot
Tips Pengaturan Tag Heading Agar Menjadi SEO Friendly

13 komentar untuk "Cara Membuat Widget Random Post"

  1. Trims sob, sangat membantu saya yang nubie ini.... ;)

    BalasHapus
  2. mas irfan manteb bngt dngan bgtu pembca bisa nemukan info dngn mudah

    BalasHapus
  3. makasih yah dah beberapa aku ikutin saranya

    BalasHapus
  4. mas bisa dipake buat wordpress gak?

    BalasHapus
  5. Mantap deh pak.. kpn2 boleh nih ajarin buat HTML heheheh

    BalasHapus
  6. wah keren
    www.itc-foyou.co.cc

    BalasHapus
  7. Ya Allah mas.,...Alhamdulillah sekali..dari pertama saya buat blog, saya tidak pernah berhasil membuat random post..pasti loadingnya bermenit-menit...lama banget...sekarang ternyata mudah banget...

    BalasHapus
  8. kok ane gak work gan script tersebut ??
    justru blog gak bisa di buka setelah pasaing scriptnya..

    BalasHapus
  9. boleh copas gak, tuk jadikan posting di blog saya, karena ku masih pemula. jadi isi blog saya masih sedikit

    BalasHapus
  10. mantap sob thanks atas ilmunya kunjungan balik ya www.naufalthedakrness.blogspot.com

    BalasHapus