Original Blogger - 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>
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.. :)
0 komentar:
Posting Komentar