Cara Membuat Teks Bergerak Di Blog

Cara Membuat Teks Bergerak di Blog
 

Cara Membuat Teks Bergerak di Blog – Cara menjadikan teks di blog bergerak atau cara membuat teks marquee. tulisan berjalan(marquee) Cara membuat teks bergerak merupakan salah satu langkah desain blog yang biasanya dilakukan untuk tek-teks atau kalimat-kalimat yang penting, misalnya ucapan selamat datang, iklan atau judul bagian-bagian tertentu dari blog. Baca juga artikel untuk mempercantik dan mendesain blog berikut: cara membuat judul widget berada di tengah sidebar. Oke, kembali ke permasalahan, 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 saya bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti. berikut cara menjadikan teks di blog bergerak: Login ke Blogger Kemudian klik Tata Letak dan Elemen Halaman Ketika sudah berada di Elemen Halaman klik Tambah Gadget Lalu pilih HTML/JavaScript 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">Contoh Tulisan Berjalan</marquee> 

Contoh Tulisan Berjalan
Hasil:
Contoh Tulisan Berjalan

2. Teks berjalan dari kiri ke kanan

 Kode:
<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
Contoh Tulisan Berjalan
Hasil:
Contoh Tulisan Berjalan

3. Teks berjalan bolak balik

 Kode:
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee> 

Contoh Tulisan Berjalan
Hasil:
Contoh Tulisan Berjalan

4. Teks berjalan dari atas ke bawah

Kode:  <marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
Contoh Tulisan Berjalan Hasil:
Contoh Tulisan Berjalan

5. Teks berjalan dari bawah ke atas

Kode:  <marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
Contoh Tulisan Berjalan Hasil:
Contoh Tulisan Berjalan

6. Teks berjalan mondar-mandir

Kode:  <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

Contoh Tulisan Berjalan Hasil:
Contoh Tulisan Berjalan


7. Teks berjalan zig-zag nembus

Kode:
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>





 Contoh Tulisan Berjalan Hasil:
Contoh Tulisan Berjalan

8. Teks berjalan zig-zag mantul

Kode:
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>




 Contoh Tulisan Berjalan Hasil:
Contoh Tulisan Berjalan

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 bo)

# Fungsi dari :

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




............. adalah agar tulisan tersebut selalu berada di tengah. Oke, sekian posting saya dengan judul cara membuat teks bergerak di blog. Semoga bisa menjadi informasi yang bermanfaat.. Referensi:

http://adesyams.blogspot.com/2009/09/cara-membuat-tulisan-berjalan-marquee.html »