How To Make Random Post (2)

After in the last posted, I have posted about how to make Random Post (Dynamic Slide), and now I still wanna give you explanation, how to make random post but in the different version. to make it clear see the picture below :

To make random post like picture above, follow the steps below :
1. Login to your account
2. Then go to Layout then Page element
3. Add a gadget

3. Then choose HTML / Java Script

4. After that put code below :

<script type="text/javascript">

var randarray = new Array();var l=0;var flag;

var numofpost=10;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>

5. Change 10 number, depend on how much you want to show the articles.
6. Then save the Gadget.

Is so easy alright ? okey now you can try, always success.

Artikel Terkait: