October 5, 2013

Widget Random Post Valid HTML5

Widget-random-post
Pada artikel sebelumnya Laurencius sudah pernah posting cara Membuat Widget Random Post Pada Blogspot, sayang random post nya belum valid HTML 5.

Oleh karena itu kali ini kami sempurnakan lagi script random post tersebut agar valid HTML 5.

Ini dia hasilnya share Widget Random Post Valid HTML5.

Widget Random Post Valid HTML5 :

1. Login ke blogger.
2. Klik Tata Letak.
3. Klik tab Elemen Halaman.
4. Klik Tambah Gadget.
5. Klik tanda Plus (+) di samping tulisan HTML/JavaScript.
6. Copy Paste script dibawah ini.

<script type="text/javascript"> var randarray = new Array();var l=0;var flag; var numofpost=20;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&amp;start-index=1&amp;max-results=1000&amp;callback=randomposts" type="text/javascript"></script>

7. Klik tombol Simpan.
8. Pindahkan elemen yang baru dibuat tadi sesuai selera.
9. Selesai

Keterangan : var numofpost=20 Jumlah artikel tampil

Related Posts

Widget Random Post Valid HTML5
4/ 5
Oleh :

5 comments

mau nyoba kang :D

@cak oni
Silahkan Cak Oni Valid HTML5.

versi yang ada gambarnya ada gak kang mas

Nanti dibuatin tutorialnya ya

thanks scriptnya