Cara Membuat Widget Blog Bergerak Otomatis

Kreatifitas blogger memang tanpa batas, saya mencoba share buat teman-teman semua yang ingin sama-sama belacar desain blog biar tampak berbeda. Langsung saja Broww...

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 beberapa 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" ganti dengan Kode Script widget Anda. Ukuran atau height, angkanya sesuai ukuran yang anda suka.

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