Minggu, 05 Mei 2013

Cara Membuat Random Post di Sidebar Blog

Cara Membuat Random Post di Sidebar Blog - Hai sobat Blogger, seperti yang kita ketahui, sidebar sangatlah peting bagi sebuah blog/situs untuk memperindah tampilan dan juga fungsi lainnya. nah kali ini saya akan share cara mudah membuat random post di sidebar.
Random Post tentu menjadi widget penting untuk membuat pengunjung beralih ke postingan lainnya yang lebih menarik, ya karena menampilkan postingan secara Random "Acak" dari semua isi blog.
Random Post hampir sama dengan Recent Post, cuma bedanya adalah pada Random Post, isi nya di acak. sedangkan Recent Post, isi postingan terbaru. langsung saja tanpa panjang lebar, kita simak cara memasang random post di blogger. :

  1. Login ke akun Blogger sobat
  2. pilih menu Tata Letak
  3. Add Gadget > piluh HTML JavaScript
  4. lalu Copy Paste kode berikut 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>

  5. Lalu tinggal klik Save
Note : teks yang berwarna merah adalah jumlah post yang ditampilkan,, anda bisa ganti sesuka hati.

Demikianlah Tutorial Cara Membuat Random Post di Sidebar Blog, bila postingan nya agak berantakan, saya mohon maaf. karena saya masih newbie.
Terima kasih sudah berkunjung

28 komentar:

  1. bukan bro, tapi disidebar, tepatnya di bagian kanan/kiri blog

    BalasHapus
  2. Apa bisa juga untuk wordpress?.

    BalasHapus
    Balasan
    1. tidak bisa mbak, karena kode ini sudah dirancang untuk blogger blogspot

      Hapus
  3. Gue berhasil bro, ane tadi barusan nyoba, scriptnya jalan.
    coba kamu coba lagi

    BalasHapus
  4. Join BAck yaa http://psantrenonline.blogspot.com/

    BalasHapus
  5. thanks gan buat infonya.
    kalo mau download film lewat indowebster mampir di blog ane ya, film dewasa juga ada.
    thanks.

    BalasHapus
  6. berhasil bro, thanks ya. di tunggu follow back ya hehe

    BalasHapus
  7. ane bermanfaat gan, udah ane terapi di blog ane

    BalasHapus
  8. thanks petunjuknya bro, salam kenal
    keep blogwalking happy

    BalasHapus
  9. Mo nambahin dikit Bro,
    sebelum feeds/posts/default atau sesudah <script src=", Kita tambahkan URL Kita.

    BalasHapus
  10. boleh nggak nomor postnya dirubah jadi 50 gan???

    BalasHapus
  11. Kerer bro artikelnya... :)
    Kunjung balik ya... ^^

    BalasHapus
  12. kalau random post nya ditaruh didalam postinganaranya gimana gan?

    BalasHapus
  13. ijin praktek kawann..
    salam kenal,,,,

    BalasHapus
  14. barusan nyobain tapi ko pas dites malah muncul peringatan di firefoxnya unresponsive script kira2 kenapa yah?

    BalasHapus
  15. Hasil jadinya seperti apa ya..? Soalnya pas saya coba, kok firefox jadi not responding..

    BalasHapus
  16. saya coba ko munculnya cuma dua padahal saya setting 10

    BalasHapus

Berkomentarlah sesuai dengan Pendapat anda tentang Artikel Diatas