Cara membuat Teks Biasa Bergerak pada Blog

U Know ??

Cara membuat teks bergerak merupakan salah satu langkah desain blog sederhana yang biasanya dilakukan pada teks-teks atau kalimat-kalimat yang penting supaya terlihat unik dan menarik perhatian orang lain yang mengunjungi Blog sobat, misalnya ucapan Welcome To my Blog, suatu iklan atau judul bagian-bagian tertentu dari blog.

This time for desain, mungkin banyak sering kita jumpai blog-blog yang terdapat teks-teks berjalan. Apabila ada yang ingin mencobanya. Saya akan beri trik sederhana untuk pembuatan teks berjalan pada blog, dan  tidak berpengaruh apabila mouse diarea tulisan tersebut digerakkan akan berhenti tulisan berjalan tersebut.

Oke kita mulai cara membuatnya :

1. Seperti biasa, Login ke Blogger.
2. Klik Tata Letak.
3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget.
4. Lalu pilih HTML/JavaScript.
5. Langkah selanjutnya masukkan kode marquee yang anda inginkan, pilih salah satu atau salah semua (maksudnya pilih semua,hehe). Seperti contoh dibawah ini:

1. Teks berjalan dari kanan ke kiri

Kode/script:

<marquee direction="left" scrollamount="2" align="center">Dede Ovie TotoT</marquee>

Hasil:



2. Teks berjalan dari kiri ke kanan

Kode:

<marquee direction="right" scrollamount="2" align="center"> Dede Ovie TotoT </marquee>

Hasil:



3. Teks berjalan bolak balik

Kode:

<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Dede Ovie TotoT </marquee>

Hasil:

4. Teks berjalan dari bawah ke atas

Kode:

<marquee direction="up" scrollamount="2" align="center"> Dede Ovie TotoT </marquee>

Hasil:

5. Teks berjalan dari atas ke bawah

Kode:

<marquee direction="down" scrollamount="2" align="center"> Dede Ovie TotoT </marquee>

Hasil:

6. Teks berjalan zig-zag nembus

Kode:

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Dede Ovie TotoT </marquee></marquee></center>

Hasil:

7. Teks berjalan mondar-mandir

Kode:

<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Dede Ovie TotoT </marquee>

Hasil:

8. Teks berjalan zig-zag mantul

Kode:

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

Hasil:

Note : Langkah Selanjutnya adalah mengganti tulisan

“ Dede Ovie TotoT ”

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.

Oke, sekian postingan saya dengan judul . Semoga bisa menjadi informasi yang bermanfaat..

Apabila ada kekurangan. Mohon maklum ,saya sangat mengharapkan adanya kritik dan saran pada postingan ini. hehe