Postingan ini sengaja saya persembahkan lagi buat para teman-teman blogger pemula yang ingin membuat teks berjalan, berjalannyapun bisa bervariasi sesuai selera kamu : ada yang berjalan dari kiri ke kanan, dari kanan ke kiri, dari atas ke bawah, mantul ke kiri dan kanan dan lain-lain, untuk lebih jelasnya, lihat contoh-contoh di bawah :
1. Tulisan bergerak dari kanan ke kiri
2. Tulisan bergerak dari kiri ke kanan
3. Tulisan bergerak mantul dari kiri ke kanan dan sebaliknya
4. Tulisan bergerak mantul dari kanan ke kiri dan sebaliknya
5. Tulisan bergerak dari atas ke bawah
6. Tulisan bergerak dari bawah ke atas
7. Tulisan bergerak mantul dari atas ke bawah
8. Tulisan bergerak mantul secara silang atau diagonal
9. Tulisan bergerak mantul secara silang atau diagonal dan menerobos
CONTOHNYA SEPERTI INI
Cara membuatnya :
1. Login ke akun blog kamu
2. Klik Rancangan>>>pilih Tata Letak>>>klik Tambah gadget
>>>pilih HTML/Javascript
3. Pilih dan copy paste kode script marquee dari salah satu tulisan
berjalan diatas
4. Klik pratinjau untuk mencoba melihat hasilnya
5. Klik Simpan
6. Selesai
Inilah kode script marquee dari contoh 1 - 9 !
Kode Script Marquee Contoh No. 1
<marquee direction="left" scrollamount="2" align="center">GANTI TEKS INI</marquee>
Catatan :
- Teks yang berwarna merah, silahkan ganti dengan teks sesuai
keinginan kamu
- Direction : untuk mengatur pola gerakan teks (left, right, up
4. Klik pratinjau untuk mencoba melihat hasilnya
5. Klik Simpan
6. Selesai
Inilah kode script marquee dari contoh 1 - 9 !
Kode Script Marquee Contoh No. 1
<marquee direction="left" scrollamount="2" align="center">GANTI TEKS INI</marquee>
Kode Script Marquee Contoh No. 2
<marquee direction="right" scrollamount="2" align="center"> GANTI TEKS INI</marquee>
Kode Script Marquee Contoh No. 3
<marquee direction="left" scrollamount="2" align="center" behavior="alternate">GANTI TEKS INI</marquee>
Kode Script Marquee Contoh No. 4
<marquee direction="right" scrollamount="2" align="center" behavior="alternate">GANTI TEKS INI</marquee>
Kode Script Marquee Contoh No. 5
<marquee direction="down" scrollamount="2" align="center"> GANTI TEKS INI</marquee>
Kode Script Marquee Contoh No. 6
<marquee direction="up" scrollamount="2" align="center"> GANTI TEKS INI</marquee>
Kode Script Marquee Contoh No. 7
<marquee direction="up" scrollamount="2" align="center" behavior="alternate">GANTI TEKS INI</marquee>
Kode Script Marquee Contoh No. 8
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate">GANTI TEKS INI </marquee></marquee></center>
Kode Script Marquee Contoh No. 9
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right">GANTI TEKS INI</marquee></marquee></center>
<marquee direction="right" scrollamount="2" align="center"> GANTI TEKS INI</marquee>
Kode Script Marquee Contoh No. 3
<marquee direction="left" scrollamount="2" align="center" behavior="alternate">GANTI TEKS INI</marquee>
Kode Script Marquee Contoh No. 4
<marquee direction="right" scrollamount="2" align="center" behavior="alternate">GANTI TEKS INI</marquee>
Kode Script Marquee Contoh No. 5
<marquee direction="down" scrollamount="2" align="center"> GANTI TEKS INI</marquee>
Kode Script Marquee Contoh No. 6
<marquee direction="up" scrollamount="2" align="center"> GANTI TEKS INI</marquee>
Kode Script Marquee Contoh No. 7
<marquee direction="up" scrollamount="2" align="center" behavior="alternate">GANTI TEKS INI</marquee>
Kode Script Marquee Contoh No. 8
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate">GANTI TEKS INI </marquee></marquee></center>
Kode Script Marquee Contoh No. 9
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right">GANTI TEKS INI</marquee></marquee></center>
Catatan :
- Teks yang berwarna merah, silahkan ganti dengan teks sesuai
keinginan kamu
- Direction : untuk mengatur pola gerakan teks (left, right, up
dan down)
- Scrollamount : untuk mengatur speed/kecepatan gerakan teks.
semakin tinggi angkannya semakin cepat dan sebaliknya. Untuk
mencoba, silahkan ganti angkanya.
mencoba, silahkan ganti angkanya.
- Behavior (scroll/slide/alternate) : untuk mengatur prilaku
gerakan.
Sekian postingan dari saya, semoga bermanfaat dan blog kamu semakin atraktif.
2 komentar:
keran mas
Wah cocok nih buat ane yang masih newbie
Posting Komentar
Silahkan berkomentar yang membangun dan penuh inspirasi :