Z-T Blog - kali ini saya akan berbagi lagi yang sebelumnya sudah pernah membuat random post dengan gambar, kali ini saya akan membuatnya dengan daftar list dengan scroll. random post ini berguna untuk menampilkan kembali posting lama sobat yang sudah jarang di lihat pengunjung dan bisa meningkatkan kembali kepopuleran posting sobat yang sudah lama.. langsung saja ke caranya.. :)
- Masuk ke Tata Letak
- Tambahkan Gadget
- HTML/JavaScript
- Masukan Kode Di Bawah Ini.. :)
- lalu Simpan..
<div style="overflow:auto; width:100%px; height:250px; padding:0px; border:1px solid #999999;">
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=30;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>
Get this <a href="#" target="_blank"><blink>widget</blink></a>
</div>
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=30;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>
Get this <a href="#" target="_blank"><blink>widget</blink></a>
</div>
Keterangan :
- kode yang berwarna Orange adalah jumlah yang akan di tampilkan di random post, sobat bisa mengubahnya jika perlu.. :)
nanti hasilnya kurang lebih akan seperti ini..
menarik bukan..? :D ,semoga bermanfaat untuk sobat semuanya.. :) ,jangan lupa tinggalkan jejak di komentar. terima kasih.. :)
