Pages

Sunday, June 24, 2012

Cara Membuat Widget Random Post Pada Blog

div class='post-body entry-content'>

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

Translate

TAGS

Design by araba-cı | MoneyGenerator Blogger Template by GosuBlogger