Cara Membuat Tulisan Berjalan di Blogger

            Sering kali kita melihat blog di teman-teman kita yang dihiasi oleh tulisan atau kata-kata yang berjalan. Mungkin sebagian besar sudah mengetahuinya dan pernah mencobanya. Tapi di sini saya mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.

Note: yang akan saya bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.

Berikut cara pembuatannya :

1. Login ke Blogger
2. Kemudian klik Tata Letak dan Elemen Halaman
3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
4. Lalu pilih HTML/JavaScript
5. Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :

1. Teks Berjalan dari Kanan ke kiri

Kode :

<marquee direction="left" scrollamount="2" align="center">Selamat Datang </marquee>

Hasil tampilan :



Selamat Datang 2. Teks Berjalan dari Kiri ke kanan

Kode :

<marquee direction="right" scrollamount="2" align="center"> Selamat Datang </marquee>

Hasil tampilan:

 Selamat Datang 3. Teks Berjalan Bolak-balik

Kode :

<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Selamat Datang </marquee>

Hasil tampilan:






Selamat Datang 4. Teks berjalan dari atas ke bawah



Kode :

<marquee direction="down" scrollamount="2" align="center"> Selamat Datang </marquee>

Hasil tampilan:





Selamat Datang 5. Teks Berjalan dari Bawah ke atas

Kode :

<marquee direction="up" scrollamount="2" align="center"> Selamat Datang </marquee>

Hasil tampilan:




Selamat Datang 6. Teks Berjalan Mondar-mandir

Kode :

<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Selamat Datang </marquee>

Hasil tampilan:




Selamat Datang 7. Teks Berjalan Zig-zag Menembus

Kode :

<center> <marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Selamat Datang </marquee></marquee></center>

Hasil tampilan;

Selamat Datang 8. Teks berjalan zig-zag mantul

Kode :

<center> <marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Selamat Datang </marquee></marquee></center>

Hasil tampilan:

Selamat Datang Langkah Selanjutnya adalah mengganti tulisan "Selamat Datang" dengan tulisan atau kata-kata yang anda inginkan. Untuk lebih jelasnya perhatikanlah keterngan di bawah ini:

Ket:
# direction="left/right/up/down" --> Mengatur arah gerakan teks.

# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
~> Scroll --> teks bergerak berputar
~> Slide--> teks bergerak sekali lalu berhenti
~> Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

# Fungsi dari :

<center> ............. </center>

adalah agar tulisan tersebut selalu berada di tengah.