Cara Membuat Widget Blog Bergerak Naik Turun atau Kanan Kiri
Tadinya liat blog temen ada widget yang naik turun, keliatan jadi ringkas sekali dibuat seperti itu beberapa widget sejenis dijadikan 1 kolom HTML kemudian di buat bergerak naik turun.
langsung gw google gimana caranya, dan ketemu. Setelah di coba ternyata bisa.
Ok, biar kedepannya gw kagak kesulitan harus googling - googling lagi kalo butuh, mending gw amanin sekalian aja disini, yah kali aja berguna juga buat yang mampir kesini.
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>
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>
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>
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>
OK, Script sudah diamankan dan bisa dipakai kapanpun, tanpa gw harus googling lagi.
Tulisan merah pada script, bisa diganti dengan script widget yang mau kalian pakai, jika ingin memakai lebih dari 1 script tinggal copas saja semua script di situ langsung.
langsung gw google gimana caranya, dan ketemu. Setelah di coba ternyata bisa.
Ok, biar kedepannya gw kagak kesulitan harus googling - googling lagi kalo butuh, mending gw amanin sekalian aja disini, yah kali aja berguna juga buat yang mampir kesini.
Cara Membuat Widget Blog Bergerak
Beregerak :
- Bolak balik kiri-kanan
- Bolak balik naik-turun
- Dari atas ke bawah nyambung / sebaliknya
- Dari kanan ke kiri nyambung / sebaliknya
- 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>
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>
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>
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>
OK, Script sudah diamankan dan bisa dipakai kapanpun, tanpa gw harus googling lagi.
Tulisan merah pada script, bisa diganti dengan script widget yang mau kalian pakai, jika ingin memakai lebih dari 1 script tinggal copas saja semua script di situ langsung.
Sumber: http://satya-kumara.blogspot.com/2013/06/cara-membuat-widget-blog-bergerak-naik.html?m=1
Tidak ada komentar:
Posting Komentar