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...

Tweet

Artikel Terkait: