Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah mengetahuinya. tapi disini ade mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.

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

Berikut cara pembuatan text berjalan di blog :

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 :

<font face='Arial' color='#000000'><marquee direction="left" scrollamount="2" align="center">Karya Anank Kidoel</marquee>

hasil :

Karya Anank Kidoel

2. Teks berjalan dari kiri ke kanan



kode :

<font face='Arial' color='#000000'><marquee direction="right" scrollamount="2" align="center"> Karya Anank Kidoel </marquee>

hasil :



Karya Anank Kidoel





3. Teks berjalan bolak balik



kode :

<font face='Arial' color='#000000'><marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Karya Anank Kidoel </marquee>

hasil :



Karya Anank Kidoel







4. Teks berjalan dari atas ke bawah



kode :

<font face='Arial' color='#000000'><marquee direction="down" scrollamount="2" align="center"> Karya Anank Kidoel </marquee>

hasil :



Karya Anank Kidoel







5. Teks berjalan dari bawah ke atas



kode :

<font face='Arial' color='#000000'><marquee direction="up" scrollamount="2" align="center"> Karya Anank Kidoel </marquee>

hasil :



Karya Anank Kidoel







6. Teks berjalan mondar-mandir



kode :

<font face='Arial' color='#000000'><marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Karya Anank Kidoel </marquee>

hasil :



Karya Anank Kidoel







7. Teks berjalan zig-zag nembus



kode :

<font face='Arial' color='#000000'><center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Karya Anank Kidoel </marquee></marquee></center>

hasil :



















Karya Anank Kidoel







8. Teks berjalan zig-zag mantul



kode :

<font face='Arial' color='#000000'><center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Karya Anank Kidoel </marquee></marquee></center>

hasil :























Karya Anank Kidoel

Langkah Selanjutnya adalah mengganti tulisan

Karya Anank Kidoel

dengan tulisan atau kata-kata yang anda inginkan.



Keterangan :

# 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 :

.............

adalah agar tulisan tersebut selalu berada di tengah.

SEMOGA BERHASIL