with :
5 Comments
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.
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&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&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
Widget Random Post Valid HTML5
4/
5
Oleh : Unknown
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