6 Jan 2013

Cara Membuat Widget Random Post di Blog

Tutorial Blog - Cara Membuat Widget Random Post di Blog. Banyak kalangan para blogger yang ingin memasang random post di blognya, salah satu tujuannya adalah membuat pengunjung lebih detail terhadap semua postingan pada blog tersebut. Nah untuk itu, kali ini saya akan membantu para sobat blogger semua yang ingin memasang random post.

Cara Membuat Widget Random Post di Blog

Keuntungannya adalah postingan lama kita akan ditampilkan di halaman utama atau di halaman dimana kita memasang widget random post itu. Bagi pengunjung sendiri sangat terbantu sekali untuk melihat beberapa postingan lama sehingga pengunjung tidak capek-capek lagi untuk membuka arsip-arsip blog yang lama. Berikut tutorialnya:

1. Log in ke akun blogger sobat.
2. Klik Tata Letak > Tambah Gadget > Pilih HTML/JavaScript.
3. Copas kode berikut, di kotak HTML/JavaScript.

<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><div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Supported by <a href="http://hilbramkurnia3.blogspot.com/" target="_blank">Hilbram</a></span></span></div>

4. Setelah itu, klik Simpan. Lihat hasilnya...

*Keterangan:
Ganti angka yang berwarna merah, sesuai jumlah postingan yang ingin di tampilkan.

Mungkin saya rasa tutorial kali ini sudah cukup, semoga bermanfaat bagi semua......

1 komentar:

BERI KOMENTAR | KHUSUS PENGGUNA TERDAFTAR
Silahkan beri komentar Anda dengan bijak dan sesuai dengan topik (untuk komentar OOT sebaiknya di Forum Ngopi).