Widget Recent Post HTML5

Posted by at
random post html5
Widget Random Post Valid HTML5
Widget Random Post Valid HTML5 - untuk postingan kali ini,,saya akan membahas tips membuat recent post valid HTML5.kenapa harus HTML5 ? karena agar tidak terdeteksi error oleh w3c.sebenarnya saya sangat senang sekali,,dengan HTML5 dan saya mencoba membuat template dan blog saya ini valid HTML5.untuk lebih jelas,,simak tutorial berikut.

Widget recent post / random post sangat dibutuhkan untuk blog anda karena termasuk salah satu optimasi SEO.bagaimana langkah-langkahnya ? simak tutorial ini.

  • masuk akun blogger
  • ke tata letak >> add widget
  • pilih widget HTML/javascript
  • lalu pastekan kode berikut

<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://urlblogsobat.blogspot.com/feeds/posts/default?alt=json-in-script&amp;start-index=1&amp;max-results=1000&amp;callback=randomposts"
type="text/javascript"></script>


  • setelah itu save.
  • mudah kan? :D

~ Happy Blogging - Ega Ariya Dirgantara ~
Pasang Iklan Anda

2 Komentar untuk " Widget Recent Post HTML5 "

  1. thanks sob, isin copy scriptnya buat pasang widget di blog saya.

    ReplyDelete
    Replies
    1. oke sob :D klo bisa link sumber di cantumkan yah :>)

      Delete
Back to Top