Saturday, November 12, 2011

Cara membuat widget blog bergerak naik / turun atau kesamping

Published by Unknown on Saturday, November 12, 2011  | 8 comments

saya lihat blog teman, disana saya lihat widget bergerak alias berjalan, lo kok bisa ya...trus ku cari deh, akhirnya ketemu juga, tapi jujur aku belum mencobanya sob, hihihi...aku cuma posting dulu Cara Membuat Widget blog bergerak, nanti di coba...




seperti ini nih, bisa bergerak :

- bolak balik kiri-kanan
- bolak balik naik-turun
- dari atas ke bawah nyambung / sebaliknya
- dari kanan ke kiri nyambung / sebaliknya
untuk menggerakannya anda tinggal rubah saja script-nya, nanti saya akan jelaskan:

1. masuk ke blog anda, seperti biasa
2. Masuk ke tab rancangan
3. Nah, buat widget yang ada script-nya di elemen laman, yang berasal bukan asli dari blogger, yang cara penempatannya menggunakan HTML/JAVASCRIPT

ada 2 jenis kode, tinggal pilih

- untuk bolak balik

a. kanan-kiri
<marquee behavior='alternate' align='center' direction='right' height='200px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukkan Teks atau script gadget disini</marquee>




b. atas-bawah
<marquee behavior='alternate' align='center' direction='up' height='400px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukkan Teks atau script gadget disini</marquee>

- untuk yang terus/nyambung
a. dari kanan ke kiri (arah bisa diganti menjadi right)
<marquee behavior='scroll' align='center' direction='left' height='200px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukkan Teks atau script gadget disini</marquee>

b. dari bawah ke atas (arah bisa diganti menjadi down)
<marquee behavior='scroll' align='center' direction='up' height='400px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukkan Teks atau script gadget disini</marquee>

nah tulisan yang berwarna merah diganti dengan script anda/kode anda.

karena blog ini tidak bisa di copas, maka tulis sendiri ya scriptnya, mohon maaf atas ketidak nyamanannya.

Filed in :
About the Author

Write admin description here..

8 comments:

    If you would like to receive our RSS updates via email, simply enter your email address below click subscribe.

    Popular Posts

Blogger template. Proudly Powered by Blogger.
back to top