Sabtu, 08 Juni 2013

Cara Membuat Random Post Bergerak (Marquee) Di Blogspot

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.
Seperti juga pada pembuatan random post terdahulu kali inipun pembuatannya sangatlah mudah,
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 !.
Sobat bisa merubah pada bagian kode yang sengaja aku beri warna merah, silahkan untuk merubahnya sesuaikan dengan keinginan dan bagusnya saja dalam membuat random post bergerak (Marquee) di blogspot ini. Ya, kiranya cukup sampai disini dulu  selamat mencoba dann bye-bye..

0 komentar:

Posting Komentar