Pages

Menambahkan Random Posts Widget

Random Posts Widget
Sebelumnya Saya pernah sharing cara menambahkan recent posts dengan javascript. Namun kali ini kita akan mempelajari cara menambahkan random posts widget. Random posts sangat berbeda sekali dengan recent posts. Recent posts hanya menampilkan artikel terbaru yang tentunya dimuat hanya artikel baru tsb, sedangkan random posts akan memuat artikel yang acak, dan menampilkan artikel yang baru maupun lama serta artikelnya akan sirih berganti dan bisa menimbulkan pageviews yang tinggi.
Contohnya bisa sobat lihat pada gambar di bawah ini.
Random Posts Widget

Berikut ini adalah script untuk menampilkan postingan secara acak di blogspot , script ini saya peroleh dari

<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>

Catatan:
Angka 5 pada numofpost=5 adalah jumlah postingan yang akan ditampilkan secara acak ,bisa diganti dengan kebutuhan anda.

Prosedur yang harus anda lakukan:
1. Login ke blogger
Pilih Tata Letak , Elemen Halaman , Tambah Gadget ,pilih HTML/Javascript
Masukkan kode javascript di atas ke dalam gadget HTML /Javascript.

Share it:
Sobat sedang membaca artikel tentang Menambahkan Random Posts Widget. Silahkan baca artikel bloger sejati Tentang yang lainnya.
Anda baru saja membaca artikel yang berjudul Menambahkan Random Posts Widget.Anda boleh copy paste artikel ini dengan menyertakan link http://lisaariyansyah.blogspot.com/2013/07/menambahkan-random-posts-widget.html sebagai sumbernya.Dan Jika Anda ingin berlangganan Artikel dari blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel terbaru setiap ada artikel yang terbit di blog ini.

0 comments:

Kode Smiley Untuk Komentar


:a :b :c :d :e :f :g :h :i :j :k :l :m :n :o :p :q :r :s :t

Post a Comment

 

bloger sejati Copyright © 2008-2009 | Edited By : arieadie