Cara Buat Random Post Di Blog Versi III

Pada pembahasan sebelumnya kita sudah pernah belajar bersama bagaimana cara buat random post di blog dan cara buat random post di blog versi II. Nah, pada kesempatan kali ini kita juga akan membahas mengenai tema yang sama, tetapi dengan cara yang berbeda untuk menamba pengetahuan blogging kita.


Yang membedakan pada pembahasan kali ini adalah kita akan membuat random post di blog tanpa melalui editing kode HTML template yang kadang cukup membingungkan bagi sebagian blogger khususnya pemula. Kita hanya perlu menambahkan script pada pilihan gadget HTML/JavaScript.

Bagaimana cara buat random post di blog versi III ini?

Pertama, masuk terlebih dahulu ke dalam akun blogger kita masing-masing.
Klik fitur rancangan.
Klik tambah gadget.
Pilih HTML/JavaScript.
Masukan script 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>

klik simpan dan selesai.

Keterangan :

  • var numofpost=10 menunjukan jumlah random post yang ditampilkan dalam sidebar blog kita, ganti sesuai selera.


Mudah bukan?
Jika ada pertanyaan dan tanggapan silakan sampaikan lewat kotak komentar ya kawan.
Salam blogger.

7 komentar:

  1. wah yg ini lebih cepet gak bikin pusing juga tinggal tempel,ayo pake yg ini saja

    BalasHapus
  2. Terimakasih buat tutorialnya ini mas, sukses..

    BalasHapus
  3. Informasi yang sangat bagus dan berguna. Ditunggu untuk informasi berikutnya. Thanks gan

    Silahkan berkunjung di intanqq

    BalasHapus