Home » » Cara Membuat Widget Random Post

Cara Membuat Widget Random Post

Written By Unknown on Jumat, 07 Juni 2013 | 19:45

Cara Membuat Widget Random Post
     Cara Membuat Widget Random Post - Hai semua AiRa LoKa best friend... kali ini saya mau bagi-bagi tutorial tentang Cara Membuat Widget Popular Post.

     Hai semua... jarang post nih... maklum, lagi ada ukk. Nah, kali ini saya mau sharing tentang cara membuat  widget popular post. Random post mungkin adalah salah satu widget yang penting, karena widget ini berfungsi untuk meningkatkan jumlah pageview blog. Widget ini berbeda dengan widget recent post dan popular post, widget ini menampilkan artikel-artikel anda secara acak. Nah, bagi yang mau coba, Langsung saja..
Check It Out......

1.  Masuk ke Blogger > Dashboard Blogger > Tata letak > Tambah gadget > HTML/Javascript.

2.  Pada kolom konten, pastekan script dibawah ini.
<script type="text/javascript"> var randarray = new Array();var l=0;var flag; var numofpost=5;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="http://airaloka.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
3.  Ganti yang berwarna biru dengan jumlah artikel yang akan ditampilkan, ganti yang berwarna merah dengan alamat blog anda

4.  Simpan

Selamat mencoba!

1 komentar:

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Setelah membaca artikel ini, silahkan tinggalkan komentar. Bagi yang mau meninggalkan url blognya, silahkan saja. Asalkan anda tidak memberikan komentar dengan kata-kata yang tidak sopan. Terima kasih telah mengunjungi blog ini.

AiRa LoKa - Blog of tutorials

Konversi Kode di Sini!

 
Support : Blogger | Google | KlikSaya
Copyright © 2013. AiRa LoKa - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger