Kita mungkin pernah melihat teks/tulisan berjalan, mungkin pada siaran tv dll. Salikur berbagi trikny tetapi pada blog. Lihat gambar dibawah.:
1. Tulisan berjalan diblog dari kanan ke kiri.
2. Tulisan berjalan diblog dari kiri ke kanan
3. Tulisan berjalan diblog bolak balik ( mondar - mandir ) dari kiri ke kanan
4. Tulisan berjalan diblog bolak balik ( mondar - mandir ) dari kanan ke kiri
Tulisan Berjalan
5. Tulisan berjalan diblog dari atas ke bawah
Tulisan Berjalan
6. Tulisan berjalan diblog dari bawah ke atas
7.Tulisan berjalan diblog berhenti jika dilintasi mouse
Teks bergerak dari bawah ke atas
Jadi itulah, beberapa macam variasi kode Marquee. Semoga bermanfaat untuk anda. Dan terima kasih sudah mau berkunjung ke blog ini.
Tulisan Berjalan
Cara memasang :
1. Login ke akun blog sobat.
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode marquee dari salah satu tulisan berjalan diatas
4. Klik save dan lihat hasilnya.
tambahan :
Untuk mendapatkan kode warna kunjingi http:marqueetextlive.com
Direction : untuk mengatur pola gerakan teks (left, right, up dan down)
Scrollamount : untuk mengatur kecepatan gerakan teks. Naikkan angkanya ( dari 2 menjadi 3 ) untuk mempercepat gerakan dan sebaliknya.
Behavior ( scroll/slide/alternate ): untuk mengatur prilaku gerakan.
Untuk menambahkan background, padding, border, color, dll pada marquee, silahkan sisipkan kode marquee antara kode berikut :
1. Tulisan berjalan diblog dari kanan ke kiri.
<marquee direction="left" scrollamount="2" align="center"> Tulisan Berjalan</marquee>
Demo 1
Tulisan Berjalan2. Tulisan berjalan diblog dari kiri ke kanan
<marquee direction="right" scrollamount="2" align="center"> Tulisan Berjalan </marquee>
Demo 2
Tulisan Berjalan3. Tulisan berjalan diblog bolak balik ( mondar - mandir ) dari kiri ke kanan
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Tulisan Berjalan </marquee>
Demo 3
Tulisan Berjalan
4. Tulisan berjalan diblog bolak balik ( mondar - mandir ) dari kanan ke kiri
Demo 4 :<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Tulisan Berjalan </marquee>
Tulisan Berjalan
5. Tulisan berjalan diblog dari atas ke bawah
Demo 5<marquee direction="down" scrollamount="2" align="center"> Tulisan Berjalan </marquee>
Tulisan Berjalan
6. Tulisan berjalan diblog dari bawah ke atas
Demo 7<marquee direction="up" scrollamount="2" align="center"> Tulisan Berjalan </marquee>
7.Tulisan berjalan diblog berhenti jika dilintasi mouse
Teks bergerak dari bawah ke atas
<marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()">TEKS BERGERAK KE KIRI DAN AKAN BERHENTI JIKA DILINTASI MOUSE</marquee>
Jadi itulah, beberapa macam variasi kode Marquee. Semoga bermanfaat untuk anda. Dan terima kasih sudah mau berkunjung ke blog ini.
Tulisan Berjalan
Cara memasang :
1. Login ke akun blog sobat.
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Masukkan kode marquee dari salah satu tulisan berjalan diatas
4. Klik save dan lihat hasilnya.
tambahan :
Untuk mendapatkan kode warna kunjingi http:marqueetextlive.com
Direction : untuk mengatur pola gerakan teks (left, right, up dan down)
Scrollamount : untuk mengatur kecepatan gerakan teks. Naikkan angkanya ( dari 2 menjadi 3 ) untuk mempercepat gerakan dan sebaliknya.
Behavior ( scroll/slide/alternate ): untuk mengatur prilaku gerakan.
Untuk menambahkan background, padding, border, color, dll pada marquee, silahkan sisipkan kode marquee antara kode berikut :
Demo :<div style="background: #000000; border: 2px solid #0000ff; color: blue; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center">Tulisan Berjalan</marquee>
Tulisan Berjalan