Cara Membuat Widget blog bergerak

Diulas oleh Dunia Baca Senin, 07 Maret 2011 0 komentar
Cara Membuat Widget blog bergerak -
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.


Jangan Lupa Jempolnya Sob, Makasih Sebelumnya



Anda baru saja membaca artikel yang berkategori Bloger dengan judul Cara Membuat Widget blog bergerak. Anda bisa bookmark halaman ini dengan URL https://duniabaca22.blogspot.com/2011/03/cara-membuat-widget-blog-bergerak_07.html. Terima kasih!