Cara Mudah Membuat Teks Berjalan di Blog

Cara Mudah Membuat Teks Berjalan di Blog

Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang bergerak di blog. mungkin sebagian besar sudah mengetahuinya.Tapi disini saya mencoba untuk berbagi kepada sobat Pustaka diri  yang belum mengetahui cara pembuatannya.Pada postingan sebelumnya saya juga membahas  tentang Cara Ampuh  Menghilangkan Navbar pada Blogspot.

Catatan: 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. Langkah pertama Login/sign ke Blogger lihat gambar dibawah ini:

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">pustakadiri contoh</marquee>

hasil :

pustakadiri contoh

2. Teks berjalan dari kiri ke kanan

kode :

<marquee direction="right" scrollamount="2" align="center"> pustakadiri contoh</marquee>

hasil :

pustakadiri contoh



3. Teks berjalan bolak balik

kode :

<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> pustakadiri contoh </marquee>

hasil :

pustakadiri


4. Teks berjalan dari atas ke bawah

kode :

<marquee direction="down" scrollamount="2" align="center"> pustakadiri contoh </marquee>

hasil :

pustakadiri contoh


5. Teks berjalan dari bawah ke atas

kode :

<marquee direction="up" scrollamount="2" align="center"> pustakadiri contoh </marquee>

hasil :

pustakadiri contoh


6. Teks berjalan mondar-mandir

kode :

<marquee direction="up" scrollamount="2" align="center" behavior="alternate">pustakadiri contoh </marquee>

hasil :

pustakadiri contoh



7. Teks berjalan zig-zag nembus

kode :

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

hasil :



























pustakadiri contoh


8. Teks berjalan zig-zag mantul

kode :

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

hasil :























pustakadiri contoh Langkah Selanjutnya adalah mengganti tulisan

Contoh Tulisan Berjalan

dengan tulisan atau kata-kata yang anda inginkan.

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 )

#Fungsi dari

<center.....</center>

 adalah agar tulisan tersebut selalu berada di tengah.

Good luck

Baca juga postingan saya sebelumnya Cara Ampuh  Menghilangkan Navbar pada Blogspot.


Demikianlah artikel mengenai Cara Membuat Tulisan Berjalan (Marquee)
Semoga Bermanfaat..