Cara membuat Widget Blog Bergerak

 
Cara Membuat Widget Blog 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. Beginilah Cara Membuat Widget Blog Bergerak:
1. Seperti biasanya, Buka blog anda sendiri
2. Seperti biasanya juga, masuk ke Rancangan / Design
3. Seperti biasa lagi, buat widget baru HTML/Javascript atau buka elemen widget yang sudah pernah anda buat, karena sekarang anda mau memodifikasinya. Nah baru masukkan keinginan anda dibawah ini (copy scrip sesuai pilihan anda).

Ada 2 jenis tampilan, tinggal pilih

1. Tampilan Bolak Balik
a. Bergerak dari 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 widget Anda Disini</marquee>

Ini Hasilnya:

Masukkan Teks atau Script widget Anda Disini

b. Bergerak dari 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 widget Anda Disini</marquee>

Ini Hasilnya:

Masukkan Teks atau Script widget Anda Disini

2. Tampilan Untuk Yang Terus-Menerus Alias Nyambung
a. Bergerak dari kanan ke kiri (atau sebaliknya)

<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 widget Anda Disini</marquee>

Ini Hasilnya:

Masukkan Teks atau Script widget Anda Disini

b. Bergerak dari bawah ke atas (atau sebaliknya)

<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 widget Anda Disini</marquee>

Ini Hasilnya:

Masukkan Teks atau Script widget Anda Disini

Catatan:
Oh iya, Silahkan Copy tuh script dan pastekan pada blog anda, dan ingat tuh tulisan "Masukkan Teks atau Script widget Anda Disini" atau yang berwarna Biru ganti dengan Kode Script widget Anda. Ukuran atau height yang berwarna merah ganti angkanya sesuai ukuran yang anda suka.

Begitulah kawan bagaimana Cara Membuat Widget Blog Bergerak. Selamat mencoba, dan seperti biasa, lihat hasilnya. Salam Blogger.

 Sumber : http://kumpulan-adsen.blogspot.com/2012/02/cara-membuat-widget-blog-bergerak.html