2012-09-26

Cara Buat Random Post Blogger Dengan Javascript

Membuat random post atau posting acak untuk blogger blogspot sangat membantu dalam meningkatkan page view blog. Cara membuat random post juga terbilang mudah, hanya dengan javascript sederhana untuk memanggil posting-posting blog dari json (JavaScript Object Notation) tanpa melibatkan eksternal javascript. Biasanya diletakan di sidebar blog dengan tujuan menarik perhatian pengunjung yang datang.

Random post yang kang topjer share menggunakan javascript sederhana tanpa memanggil eksternal javascript dengan tujuan tidak membebani atau menambah berat loading blog.
Cara membuat random post blog

Random post untuk blogspot blog, hanya dengan javascript sederhana


Random post akan menampilkan posting-posting blog secara acak dari posting awal terlama hingga posting terbaru. Dengan posting acak ini, kesempatan postingan lama yang sudah tenggelam akan muncul kembali dan terlihat oleh pengunjung blog. berbeda dengan 'Recent post' yang hanya menampilkan posting blog dari awal secara terurut.

CONTOH PENGGUNAAN SCRIPT RANDOM POST



Pada contoh penggunaan random post diatas, kang topjer hanya menampilkan 5 posting secara acak dengan fungsi var numofpost=5 dan dapat diubah jumlahnya sesuai keinginan.

Contoh lainnya ada pada tab 'Random Posts' sidebar Kopi Anget Kang Topjer. hanya saja pada sidebar menggunakan script 'Multi Tab' dengan menggabungkan 3 script sekaligus.

SCRIPT YANG DIGUNAKAN UNTUK MEMBUAT RANDOM POST


<script type="text/javascript">
//<![CDATA[
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&amp;start-index=1&amp;max-results=300&amp;callback=randomposts" type="text/javascript"></script>

Copy paste script diatas pada program text editor, cari var numofpost=5 dan ganti angkanya sesuai jumlah posting yang ingin ditampilkan.
Tidak diperlukan merubah URL feeds blog karena script diatas secara otomatis memanggil feeds blog dimana script ditempelkan.

Cara membuat random post dengan javascript sederhana diatas cocok diterapkan pada blog yang memperhatikan aspek kecepatan loading time. karena tidak memanggil eksternal javascript, script random post tidak akan memperlambat loading blog.