Latest News

Cara Membuat Widget Random Post di Blogger

Ehem, untuk merayakan keberhasilan blog ini karena telah berganti tampilan, saya akan bagi-bagi tips seputar blogger lagi nih, topik kali ini ialah bagaimana cara membuat random post.

Langsung aja nih penampakan demonya.
Cara membuat widget random post di Blogger
Demo widget random post
Yap, gambar tersebut berasal dari blog ini, karena kebetulan saya juga pasang widgetnya untuk meningkatkan pageview, hehe. Jadi buat blogger yang ingin menambah PV tunggu apa lagi :D

Langkah-langkah
  1. Login ke akun Blogger
  2. Masuk ke Dasbor, lalu pilih menu Tata Letak
  3. Tambahkan Gadget, kemudian pilih HTML/JavaScripst
  4. Kemudian copy kode dibawah ini dan paste-kan ke kolom konten tersebut.
<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>
* Catatan : teks berwarna biru merupakan jumlah posting yang akan tampil pada widget tersebut, bisa di rubah sesuai keinginan.
     5.   Klik Simpan
     6.   Selesai.


Gimana? Mudahkan?
Sampai jumpa di tutorial blogger selanjutnya :)

3 Responses to " Cara Membuat Widget Random Post di Blogger "

  1. :mantaps mas tutorialnya :D
    jangan lupa untuk komenback
    http://wartajomblo.blogspot.com

    ReplyDelete
  2. gan di template saya ko malah jadi gk bisa apa", apa ga cocok sama templatenya atau gimna.?

    ReplyDelete
    Replies
    1. Bisa jadi gan, agan pakai template jenis apa?

      Delete

Silahkan Berkomentar, asal jangan SPAM...