Cara Buat Random Post di Blog

Random post yang biasa di letakan di samping itu akan memunculkan artikel yang sudah lama secara acak tanpa melihat tanggal, ataupun label. Jadi pengunjung yang baru pun bisa mengetahui artikel apa aja yang sudah pernah di tulis.

dan dibawah ini saya akan menulis cara membuat random post bukan recent post karena saya yakin recent post sudah banyak sekali di tulis oleh blogger yang lain yang lebih berpengalaman.

Cara Membuat Random Post :

1. Login ke blogger

2. Pilih Rancangan kemudian Tambah Gadget

3. Pilih HTML/JavaScript

4. Masukan kode HTML berikut ini:

<style type="text/css" media="screen">
<!--
.RandomPost {
background:#333;
border:2px solid #48535e;
margin:0 auto;
width:300px;
padding:5px;
}
.RandomTitle {
margin:5px;
padding:5px;
background:#eee;
color:#333;
text-aling:left;
font-size:15px;
font-weight:bold;
}
.Randomline{
height:1px;
overflow:hidden;
background-color:#eee;
border-bottom:1px solid #687581;
margin:5px;
}
.RandomPost ul {
margin: 0px;
padding:5px;
}
.RandomPost li {
background:#EEE;
color:#555;
font-family:Tahoma,Arial,gothic;
text-align:left;
font-size:11px;
font-weight:bold;
margin-bottom:5px;
padding:5px;
padding-left:23px;

-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;

-moz-box-shadow:0 1px 1px black;
-webkit-box-shadow:0 1px 1px black;
box-shadow:0 1px 1px black;
}
-->
</style>
<div class="RandomPost">
<div class="RandomTitle">Random Posts</div>
<div class="Randomline"></div>
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=6;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>
</div>

- Simpan.

# numofpost=6 adalah jumlah random post yang tampil.