Kembali lagi aku coba Share cara membuat
Random post di blogspot ke hadapan sobat,setelah sebelumnya aku juga
pernah mempublish pembuatannya di SINI.
Namun kali ini ada sedikit perbedaan pada segi penampilannya dimana
Random post ini akan terlihat bergerak naik ataupun menurun dalam
menampilkan judul-judul postingan yang ada,gimana sobb, tertarik untuk
mencobanya? Ya, silakan lanjut
membaca tulisan tentang cara membuat random post bergerak (marquee) di blogspot berikut ini.
sobat hanya perlu melakukan beberapa
langkah saja maka jadilah sebuah widget random post.
Baiklah sekarang kita langsung saja pada cara pembuatannya.
Langkah pertama dan kek biasanya, login kedalam dasbor blog terlebih dahulu.
Dalam dasbor blog, kemudian pilih Tata letak.
Kembali pilih add a gadget / Tambah gadget.
Pilih gadget HTML/JavaScript
Kemudian copy paste kode dibawah ini kedalam gadget HTML/JavaScript.
<marquee align="center" direction="down" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2"><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></marquee>
Beri judul pada gadget, kemudian setelah itu pilih simpan gadget dan selesai !.
0 komentar:
Posting Komentar