Widget Random Post Untuk Blogger

Kali ini saya akan membagikan widget random post untuk blogger. Random post adalah widget blogger yang menampilkan judul postingan secara acak. Jika anda penasaran silahkan dipraktekan saja biar tambah ilmunya, tak usah panjang lebar langsung saja kita ke TKP.

1. Sign In di blogger.com
2. Pada menu drop down, pilih Layout
3. Klik Add a gadget dan pilih HTML/JavaScript
4. Copy Paste kode HTML/JavaScript di bawah ini :

<style type="text/css">
.noop-random-posts ul li {
    list-style-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7NdQaCwUJdWF7sqNlJo0GLcAtFjHYNSJ69omyHu1U3qZC4QrQEtJObeV4mldoW4KxYGB6TVuxJE9DBOi3coN57v4kSRN0vraRx8qsIbXMq2ROkfG3iwVBGoneQLCniTT0t_LxLoOPRMw/s1600/tick+list+style.png");
}
</style>
<p style="display:none;">Random Posts Widget by <a href="http://www.tutorialblogspot.com/">Tutorial Blogspot</a></p>
<div class="noop-random-posts"><script type="text/javascript">
    var randarray = new Array();var l=0;var flag;
    var numofpost=10;function nooprandomposts(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 type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=nooprandomposts"></script></div>

 5. Simpan Widge

Tambahan:
var numofpost=10; adalah jumlah judul posting yang akan ditampilkan, silahkan disesuaikan dengan keinginan sobat blogge.

Tweet

Description: Widget Random Post Untuk Blogger Rating: 4.5 out of 5

Reviewer: Anonim - ItemReviewed Widget Random Post Untuk Blogger

Ditulis oleh: Anonim, Pada : 19.25

Dapatkan artikel terbaru seperti Widget Random Post Untuk Blogger langsung ke Email kamu..!!!

Artikel Terkait :

Artikel Terbaru :