Warung Bebas

Sabtu, 24 Maret 2012

Cara Membuat Widget Random Post Di Blog

 Cara Membuat Widget Random Post Di Blog - Itulah judul dari artikel posting kali ini yang akan saya share dan jelaskan langkah-langkahnya sebentar lagi secara detail untuk tips dan trik tutorial blog cara membuat dan memasang widget random post di blog.

 Sedikit pengetahuan bagi sobat tentang widget random post adalah widget daftar isi postingan blog secara acak. Dalam bahasa blogger biasa di kenal dengan widget random post. Jika sobat sudah mengerti pokok bahasannya, Sekarang kita menuju ke cara pembuatan dan pemasangan widget random post di blog sobat.

 Pada artikel posting yang sebelumnya saya sudah share artikel tentang Cara Membuat Dan Memasang Tombol Share Di Blog, Silahkan sobat baca artikel postingnya jika ingin membuat tombol share dan memasangnya di blog sobat.


 Oke sobat, Disini saya akan menerangkan dengan detail tentang Cara Membuat Widget Random Post Di Blog, Karena Cara Membuat Dan Memasang Widget Random Post Di Blog ada Dua cara, Yaitu:

1. Random Post yang tampil judulnya saja.
2. Random Post yang tampil judul dan ikhtisar (keterengannya).

Cara Memasang Random Post Di Blog:

1. Silahkan sobat >> Masuk atau Login ke blogger.com menggunakan akun sobat.

2. Pada Dashboard tampilan blogger baru, Silahkan sobat klik Menu >> Tata Letak.

3. Lalu sobat klik >> Add Gadget atau Tambah Gadget.

4. Langkah selanjutnya sobat pilih >> "HTML/JavaScript".

5. Silahkan sobat masukkan Kode berikut di bawah ini, Ke dalam kotak Konten HTML/JavaScript.

*Kode untuk Random Post yang hanya menampilkan judulnya saja
<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="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

Hasilnya akan mengikuti sesuai dengan widget template blog sobat. Kira-kira akan seperti gambar screenshot di bawah ini. 



*Kode untuk Random post yang menampilkan judul dan ikhtisar atau summary sedikit penggalan kata-kata di dalam posting.
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=5;var wordnumber=10;</script>
<script style="text/javascript" src="http://kucopas-js.googlecode.com/files/random-posts-with-summary.js">
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

Keterangan:
  • "var numofpost" adalah jumlah judul postingan yang akan ditampilkan pada random posts. Silahkan sobat atur nilai angkanya sesuai dengan keinginan sobat.
  • "wordnumber" adalah jumlah Summary kata-kata yang akan ditampilkan sebagai ikhtisar (sedikit keterangannya dalam posting) yang muncul dalam random posts. Silahkan sobat ganti nilai angkanya sesuai dengan selera sobat.
6. Jika sudah selesai meng-edit dan Kode Random Post sudah sobat tempelkan pada kotak konten HTML/JavaScript, Silahkan sobat klik >> Save atau Simpan.

7. Selesai dan silahkan sobat bisa melihat hasilnya pada widget blog sobat sudah terpasang Random Post.

 Demikian tips dan trik tutorial blog cara membuat dan memasang widget random post di blog, Semoga bisa sangat bermanfaat untuk sobat KUCOPAS semua.

Selamat Berkarya.


0 komentar em “Cara Membuat Widget Random Post Di Blog”

Poskan Komentar

 

M-Kolom Tutorial | All Tutorial Copyright © 2012 Fast Loading -- Powered by Blogger