Cara Membuat Tulisan Berjalan di Blogger - 6 Efek

Hay Sahabat Mazinu? Hari ini mazinu akan berbagi kepada kalian tentang Cara Membuat Tulisan Berjalan di Blog. Sahabat mazinu sering sekali melihat di suatu blog/website yang ada tulisan berjalannya bukan?? Nahh.. sekarang mazinu akan berbagi kepada kalian,, berikut caranya :

1. Tulisan bergerak dari kanan ke kiri.

<marquee direction="left" scrollamount="2" align="center"> Tulisan Berjalan</marquee>

Demo 1

Tulisan Berjalan
 
2. Tulisan bergerak dari kiri ke kanan

<marquee direction="right" scrollamount="2" align="center"> Tulisan Berjalan </marquee>

Demo 2

Tulisan Berjalan 
 
3. Teks bergerak 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. Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri

<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Tulisan Berjalan </marquee>

Demo 4 :
Tulisan Berjalan 
 5. Teks bergerak dari atas ke bawah

<marquee direction="down" scrollamount="2" align="center"> Tulisan Berjalan </marquee>

Demo 5
Tulisan Berjalan  
6. Teks bergerak dari bawah ke atas

<marquee direction="up" scrollamount="2" align="center"> Tulisan Berjalan </marquee>

Demo 6
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 :
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

<div style="background: #000000; border: 2px solid #FF0000; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center">Tulisan Berjalan</marquee>

Demo :

Tulisan Berjalan