Cara Membuat Widget Random Post Pada Blog
Widget ranbom post adalah widget yang berfungsi untuk menampilkan title post/ judul postingan secara acak, hampir sama dengan Widget Random Image. Keuntungan memakai widget ini adalah pengunjung blog sobat bisa mengetahui apa saja ini postingan dari blog sobat baik yang lama maupun yang baru, sehingga artikel-artikel sobat yang sudah lama dapat terlihat oleh pengunjung blog sobat.
Jika tertarik untuk memasang widget random post silahkan ikuti tutorial dibawah ini.
- Masuk akun blogger
- Pilih Design atau Rancangan - Tambah Gadget - HTML/javascript
- Kemudian Copy paste script dibawah ini
<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>
<span class="Apple-style-span" style="color: black; font-family: arial, sans-serif; font-size: 10px;"><a href="http://mas-amien.blogspot.com/2011/12/cara-membuat-widget-random-post-atau.html" target="_blank">Cara Membuat Random Post</a></span> - Klik Simpan
NB : angka 10 yang diberi tanda warna merah, menunjukan jumlah post yang akan muncul dalam widget random post, Sobat Blogger bisa merubahnya sesuai dengan keinginan anda.
Visit my other blogs : www.e-nanra.blogspot.com , www.adsensebox.blogspot.com , www.gohealthful.blogspot.com , www.visitandvacationindonesia.blogspot.com
0 comments:
Post a Comment