Cara Membuat Widget Bergerak di Blog

Sobat memiliki widget bagus dan pengunjung harus mengetahui keberadaan widget tersebut? Dengan Membuat Widget yang bergerak dapat menarik perhatian para pengunjung Blog untuk melihat widget tersebut. Atau sobat memiliki widget yang memakan banyak tempat namun hanya ingin memberikan tempat yang minim pada widget tersebut? Dengan membuat widget yang bergerak widget tersebut dapat menggunakan tempat yang minim namun isi pada widget itu bergerak secara otomatis sehingga seluruh isi widget dapat dilihat pengunjung.
Untuk membuatnya sangat mudah, hanya dengan menyisipkan kode widget dari Marquee pada HTML widget yang akan sobat berikan efek bergerak. Jadi, cara ini tidak dapat diterapkan pada widget tanpa kode HTML.
Dengan cara ini ada beberapa pilihan efek bergerak. Dan ketika widget bergerak, widget akan berhenti bergerak saat disentuh cursor. Jadi tidak menyulitkan pengunjung jika ingin meng-klik salah satu isi pada widget.

OK, langsung saja. Cara Membuat Widget pada Blog Bergerak:
1. Login ke Akun Blogger sobat.
2. Masuk pada bagian Tata Letak.
3. Klik tambah gadget pada posisi yang sobat inginkan.
4. Pilih HTML/Javascript.
5. Masukan kode widget sobat dengan menyisipkan kode efek bergerak. Berikut beberapa pilihan kode efek bergerak:

• Gerak Bolak-Balik.

a. Gerak Horizontal.

<marquee behavior='alternate' align='center' direction='right' height='200px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukan Teks atau Script widget Disini</marquee>

Hasil:
Masukan Teks atau Script widget Disini

b. Gerak Vertikal.

<marquee behavior='alternate' align='center' direction='up' height='200px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukan Teks atau Script widget Disini</marquee>

Hasil:
Masukan Teks atau Script widget Disini

• Gerak Berulang-ulang.

a. 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%'>Masukan Teks atau Script widget Disini</marquee>

Hasil:

Masukan Teks atau Script widget Disini
b. Dari bawah ke atas atau sebaliknya.

<marquee behavior='scroll' align='center' direction='up' height='200px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' scrolldelay='10' width='100%'>Masukan Teks atau Script widget Disini</marquee>

Hasil:

Masukan Teks atau Script widget Disini

Keterangan:

Ubah tulisan berwarna biru dengan teks atau kode Widget yang sobat inginkan.
Dan sobat dapat mengubah kode berwarna merah sesuai dengan yang diinginkan.

6. Klik Simpan, dan Selesai.

ADVERTISMENT