Cara Membuat Random Post Valid HTML5

Jika sebelumnya sudah post tentang Cara Membuat Random post berjalan. di post kali ini akan membahas tentang cara membuat Random Post Valid HTML5. berbeda dengan yang sebelumnya, untuk random post kali ini akan diam dan tak berjalan dari atas kebawah. namun random post ini sudah valid HTML5. Tentu sebagian sudah mengetahui tentang HTML5, HTML5 adalah versi terbaru dari HMTL. di versi terbarunya ini tentunya memiliki fitur - fitur baru yang lebih canggih di banding versi biasa sebelumnya. dapat kita lihat dari segi loadingnya dll. 

Cara membuatnya cukup mudah guys.. tinggal ikuti saja instruksi dibawah ini. okee.. next, langsung saja :


  1. Koneksikan internet sobat terlebih dahulu ^^
  2. Buka akun Blogger kalian
  3. Pilih menu Tata Letak
  4. Pilih Tambah Gatget
  5. Pilih HTML/JavaScript
  6. Masukkan Script dibawah ini 


<script type="text/javascript">
var randarray = new Array();var l=0;var flag;var numofpost=7;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://uu-cool.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

7. Simpan


NB:
  • ganti tulisan berwarna merah dengan url blog kalian 
  • ganti tulisan berwarna hijau sesuai dengan artikel yang akan di tampilkan di random post nanti

Selesaii sudah untuk post Cara Membuat Random Post Valid HTML5 kali ini, semoga bermanfaat ya buat kalian. Terimakasih sudah mau mampirr, jangan bosen - bosen yaa...^^

0 comments:

Post a Comment