D. MEMBUAT DAFTAR ARTIKEL SECARA ACAK (RANDOM)

D. MEMBUAT DAFTAR ARTIKEL SECARA ACAK (RANDOM)

Agar artikel OK BROTHER yang telah dibuat bisa tampil pada daftar isi baik untuk tulisan yang lama atau baru maka perlu dibuat Random post (DAFTAR ISI ARTIKEL TAMPIL SECARA ACAK). Random post difungsikan untuk menjaring dan mengindeks artikel yang ada diblog kita secara acak, caranya:

• Buka halaman Rancangan 
• Tambah widget pilih add kode HTML
• Masukan kode dibawah ini kedalam kotak kode HTML
• Pada kolom judul silahkan isi dengan Daftar Artikel Random atau sesuai selera

<script type="text/javascript">

var acakarray = new Array();var l=0;var flag;

var numofpost=5;function randomposts(json){

var total = parseInt(json.feed.openSearch$totalResults.$t,10);

for(i=0;i < numofpost;){flag=0;acakarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in acakarray){if(l==acakarray[j]){ flag=1;}}

if(flag==0&&l!=0){acakarray[i++]=l;}}document.write('<ul>');

for(n in acakarray){ var p=acakarray[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>

Silahkan ganti angka 5 pada kode diatas (yang diblok warna merah) sesuai kebutuhan anda, tujuannya adalah menampilkan jumlah daftar judul artikel yang akan ditampilkan secara acak.

Catatan :

Apabila brother ingin menambahkan scroll maka tinggal masukkan kode scroll yang ada pada poin B, sehingga kalau digabung akan menjadi seperti berikut :

<div style='overflow: auto; width: 299px; height: 150px; background-attachment: scroll; background-color: rgb(255, 255, 255); padding: 1px; border: 2px solid #0000ff;'>

<script type="text/javascript">

var acakarray = new Array();var l=0;var flag;

var numofpost=5;function randomposts(json){

var total = parseInt(json.feed.openSearch$totalResults.$t,10);

for(i=0;i < numofpost;){flag=0;acakarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in acakarray){if(l==acakarray[j]){ flag=1;}}

if(flag==0&&l!=0){acakarray[i++]=l;}}document.write('<ul>');

for(n in acakarray){ var p=acakarray[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>

</div>

Yang ada dalam garis kotak hitam diatas kode random adalah kode tambahan untuk scroll dan  tanda pada bagian ahir ( </div> )adalah penutup kode scroll. Poin diatas sudah diterapkan di blog OK BROTHER dan berjalan dengan baik.  Silahkan anda coba kalau memang tertarik....

ARTIKEL DALAM SATU LABEL