Tuesday, February 21, 2012

Membuat Random Post di Blogger

3:47 PM Hzndi 6 comments


Mumpung diwarnet waktunya belum habis hehe, pada tutor kali ini saya akan membagikan bagaiman sih caranya membuat random post di blogger. jika saya sudah memberi tahu cara membuat postingan terbaru atau related post dan headline dengan javascript kali ini mah yang random, jadi akan menapilkan artikel secara acak tidak sesuai urutan. bisa kalian lihat hasilnya pada gambar diatas. lalu caranya seperti ini :

1. Masuk Akun Blogger kalian.

2. Klik Rancangan --> Elemen Laman --> Tambah Gadget.

3. Pilih HTML/Javascript.

4. Masukan Kode dibawah ini :

<a href='http://bit.ly/work24'><img alt='blogger widgets' src='https://sites.google.com/site/bdlab12/24work/blogspot%2btutorial.png'/></a><script type="text/javascript">

var randarray = new Array();var l=0;var flag;

var numofpost=8;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 style="font-size:5px;position:absolute;"><a title='blogger widget' href="http://24work.blogspot.com" target='_blank'>Blogspot Tutorial</a></span>






*NumofPost adalah jumlah postingan yang akan ditampilkan.

5. Simpan. thanks to bdlab.blogspot.com

Postingan Terkait:

Posted in: ,

6 comments:

  1. HzndiFebruary 21, 2012 at 11:04 PM

    datanng bang visit back

    ReplyDelete
  2. Jejak PuisiFebruary 25, 2012 at 1:42 AM

    thanks sob atas tutorny. sangat bermanfaat bagi yg butuhkan ini.

    keep posting and salam blogger^^. Sukses selalu...

    ReplyDelete
  3. SoendoelMarch 3, 2012 at 7:31 PM

    Mantaff tutornya ...
    Untuk pasang Related Post seperti di blog ini ada gak Sob ??

    ReplyDelete
    Replies
    1. HzndiMarch 4, 2012 at 11:09 AM

      ada kok sob, bisa kamu lihat disini,

      http://hzndi.blogspot.com/2012/02/cara-membuat-related-post-dibwah.html

      Delete
  4. Zafin's Go BlogMarch 4, 2012 at 2:39 PM

    thank's gan tas tutorialnya ,,,

    ReplyDelete

Komentarmu menunjukan kecerdasanmu, Kalau komentar cuma buat cari link buat apa ? :)

Twitter Delicious Facebook Digg Stumbleupon Favorites More