Langsung ke konten utama

Cara Membuat Random Post di Blogger Blogspot

Hai kawan..
Kali ini saya akan memberikan tutorial blog. Tutorial kali ini cukup berguna. Mengapa? Karena post-post yang diperlihatkan di gadget ini adalah secara acak, jadi post-post anda yang sudah lama dapat terlihat disini. Ya, ini adalah gadget Random Post.

Gadget Random Post atau dalam bahasa Indonesia adalah Postingan Acak merupakan gadget yang dapat menampilakan postingan di blog anda secara acak. Jadi intinya, nanti pengunjungnya blog anda akan disuguhi oleh postingan-postingan anda yang terdahulu atau yang terbaru (secara acak).

Baiklah, dari pada panjang lebar, langsung saja cara membuat random post di Blogger:
  1. Pertama, tentunya masuk di akun blogger anda, atau google anda dan buka www.blogger.com.
  2. Lalu, klik tombol segitiga kecil yang menghadap ke bawah disamping tombol Daftar Entri, dan pilih Tata Letak.
  3. Klik Tambahkan Gadget.
  4. Scrool kebawah hingga anda menemukan tulisan HTML/Javascript, dan klik tanda tambah (+) disamping tulisan HTML/Javascript.
  5. Isi kolom Judul sesuai kehendak anda, misalnya saya mengisinya dengan "Random Post". Dan masukkan  kode berikut kedalam kolom yang disediakan (Arti kode yang saya beri warna akan saya beritahu di akhir postingan 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="http://fernayou.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&
    callback=randomposts" type="text/javascript"></script>
  6. Klik tombol Simpan 
  7. Selesai! Random Post sudah terpasang di blog anda, kira-kira beginilah jadinya:




Nah, di akhir postingan ini, saya akan memberikan arti dari kode yang bewarna di tutorial in  di nomer 5:
  • Biru: Kode ini untuk menampilan berapa postingan yang akan ditampilkan di gadget Random Post ; anda dapat menggantinya sesuai kehendak.
  • Merah: Ganti kode ini dengan alamat blog anda (tanpa http:// ).
Baiklah, sudah selesai tutorial ini.
Semoga bermanfaat. ^^
---
Terima kasih telah berkunjung ke Fernayou Blog. Semoga artikel ini bermanfaat untuk anda. Kunjungi lagi ya... ^^

Catatan: Jika anda tidak dapat melihat screenshot yang Fernayou Blog berikan, anda dapat memperbesarnya dengan cara mengklik screenshot tersebut. Terima kasih.

Komentar

Postingan populer dari blog ini