Advertisement

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.

Cara Membuat Random Post Bergerak (Marquee) Di Blogspot
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 cara membuat Random post bergerak (Marquee) di blogspot ini, selamat mencoba dann bye-bye....

Post a Comment

16 Comments

  1. wah manatp nichh...
    thank's gan, jadi nambah ilmu nnich
    hehe

    ReplyDelete
  2. thanks kaka atas sharenya... langsung ke tkp aja nih,,,

    visit baliknya di tunggu:
    http://pemuda-berencana.blogspot.com/

    ReplyDelete
  3. kunjungan siang bolong brooo.... aneee udah join this site .... follow join this site back yaaa....!!! http://lipuuhulondalo.blogspot.com/

    ReplyDelete
  4. thank's tutornya a' terbantu bgt...
    kunjung bliknya ya..
    http://yaa-haaa.blogspot.com/

    ReplyDelete
  5. sippp .. . . manteb jadinya hehe

    ReplyDelete
  6. makasih gan, ijin coba yak .. . sapa tau jadi OK

    ReplyDelete
  7. mantap dah artikelnya
    http://acemaxs31.com/obat-kanker-paru-paru/

    ReplyDelete
  8. makasi gan,kunjungi juga http://www.bayu-tutor.blogspot.com

    ReplyDelete
  9. Keren gan, tapi kalo ditambah gambar gimana caranya ya gan ?

    ReplyDelete

Silahkan meninggalkan komentarnya.!
*(Mohon untuk tidak mencantumkan link hidup)