Cara Membuat Widget Random Post

April 09, 2017

Memasang Widget Random Post Pada Blog

Random post pada blog atau web merupakan navigasi penting karena memudahkan pengunjung melihat artikel lain. Karena dengan navigasi yang jelas akan mampu menarik minat pembaca untuk berselancar di blog/web sobat.
Cara membuat widget random post pada blogger sangat mudah, Prosedur yang harus anda lakukan dalam membuat Random Post:
  1. Login ke blogger
  2. Pilih Tata Letak , Elemen Halaman , Tambah Gadget ,pilih HTML/Javascript
  3. Masukkan kode javascript di bawah ini ke dalam gadget HTML /Javascript  
<script type="text/javascript">
var acakarray = 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;acakarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in acakarray){if(l==acakarray[j]){ flag=1;}}
if(flag==0&&l!=0){acakarray[i++]=l;}}document.write('<ul>');
for(n in acakarray){ var p=acakarray[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>
Catatan: Angka 5 pada numofpost=5 adalah jumlah postingan yang akan ditampilkan secara acak, dapat bisa diganti dengan kebutuhan anda. Mudah kan?
Previous
Next Post »
Penulisan markup di komentar
  • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
  • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
  • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
  • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
  • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
  • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
  • Kemudian parse kode tersebut pada kotak di bawah ini

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

Tidak ada komentar