Dhafiq Sagara adalah orang bodoh yang tidak bisa apa-apa, tapi dia selalu berusaha untuk terus menjadi yang lebih baik. Rasa keingin-tahuannya sangat tinggi, selalu berusaha dan terus berusaha, trial dan error adalah prinsip belajarnya.

3 Mei 2011

Membuat Random Post Pada Blogspot

Kadang pemilik blog sering kali melupakan artikel yang telah lama diposting untuk ditampilkan dan justru malah menampilkan daftar artikel yang baru saja diposting (Recent Post). Oleh karena itu, sangat penting untuk menampilkan random post pada bagian sidebar.
Kali ini kita akan belajar bagaimana memasangkan daftar artikel secara random (random post) pada blogger.



Langsung saja, silahkan copy-kan script berikut ini:
<script type="text/javascript">
var randarray = 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;
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>

Dan paste pada gadget HTML/Javascript yang ada pada Design Layout blog anda.

Anda bisa mengubah jumlah random post sebanyak yang anda inginkan dengan mengubah value dari variable numofpost.

Code tersebut dapat anda terapkan juga pada blog wordpress ataupun website anda dengan memanfaatkan RSS Feed dari website atau blog anda, sehingga tinggal mengubah Feed Post yang ada pada bagian paling bawah dari script.

Terima kasih kepada Pak Ali (pemilik blog http://kholimi-id.blogspot.com/ yang telah mengajari.

Tidak ada komentar:

Posting Komentar