Senin, 13 Mei 2013

Cara buat Widget

Cara Membuat Widget Blog Bergerak

AB | Cara Membuat Widget Blog Bergerak - Kreasi seseorang itu memang berbeda-beda yah. AB sendiri pun selalu terkesima dengan para blogger. Jalan-jalan ke blog kawan, ups... Ab lihat Widgetnya Kok Bisa Bergerak yah. Seakan-akan tuh blog kayak cewek cantik, tiba-tiba lewat depan mata ups... AB langsung terkesima. Heheheheh.


Selanjutnya AB cari-cari di mbah google, langsung dah ketik Cara Membuat Widget Blog Bergerak. Setelah ketemu, lalu AB coba berhasil.. ehh ternyata begini toh caranya. Ya sudah, AB berbagi saja sama kawan-kawan. Kalau anda penasaran juga boleh dicoba juga, nanti AB temani deh. (sebenarnya trik ini hampir sama dengan Cara Mepercantik Blog dengan Tulisan Berjalan di Blog Anda, baca postingan AB sebelumnya)

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.

Tidak ada komentar:

Posting Komentar

Komentarnya yang sopan dan beretika yaa....