Kukuh Cakra Darma

Memasang Random Post (Part 2)

Nah, sip. Part 2? Iyap, saya beberapa waktu yang lalu menulis artikel mengenai Cara Membuat Random Post yang pertama, jadi Random post ini merupakan bagian kedua yang jauh lebih sukses daripada Random post yang pertama.
Berikut adalah tampilan Random post yang kedua (2)
Random Post (2)
Dan berikut tampilan Random post yang pertama (1).
Random Post (1)
Terlihat jelas kan perbedaannya? Yap, kalau menurut saya sendiri saya cenderung menyukai Random post (2) daripada yang pertama (1). Dengan alasan, untuk part 2 ini, lebih sukses dalam mengacak artikel yang telah kita buat.
Oke, langsung saja ya.
1. Login ke blog anda --> Design --> Add a Element --> HTML/JavaScript
2. Masukkan kode berikut:
<script type='text/javascript'>
var randarray = new Array();var l=0;var flag;
var numofpost=4;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 type='text/javascript' src='/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts'></script>
3. Save dan lihat hasilnya
Nah, sip..
*NOTE: Untuk mengatur banyaknya post yang tampil, kalian bisa mengganti angka yang bercetak tebal bewarna merah dengan kemauan anda. Ya tentunya jangan sampai = jumlah post yang anda miliki. hehe..
Nah, Bagaimana? Menarik sekali sebagai koleksi bukan? Ayo cepetan pasang. Persediaan terbatas! hehe..
Silahkan berikan komentar...



Artikel Terkait:

7 Comments:

kisah abu nawas | 20 October, 2010 06:51 | [Reply]

aku ingin mencobanya sob

Get and Share | 20 October, 2010 12:26 | [Reply]

Nice info sob..

Farixsan | 20 October, 2010 13:54 | [Reply]

Keren sob...!! saya suka ini...!! Seperti blog Archive deh sob... Baca disini yaa... farixsantips.blogspot.com/2010/10/memberi-berbagai-tag.html TAG.. :)

kisah abu nawas | 20 October, 2010 16:18 | [Reply]

makasih sob tutornya

Kukuh Cakra | 21 October, 2010 18:43 | [Reply]

@kisah abu nawas: sama sama gan..
@get and share: makasih
@farixsan: dmohon untuk tidak memberi link pada komentar

anak nelayan | 24 October, 2010 16:35 | [Reply]

boleh juga nih..nanti saya cobain

Kukuh Cakra Darma | 24 October, 2010 20:41 | [Reply]

@anak nelayan yoi gan :q

Post a Comment | Classic Comment's Form