Cara Membuat Teks Bergerak di Blog

Cara Membuat Teks Bergerak di BlogCara 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:
  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">Isi Tulisan Zobat Disini</marquee>

2. Teks berjalan dari kiri ke kanan

Kode:
<marquee direction="right" scrollamount="2" align="center">Isi Tulisan Zobat Disini</marquee>
3. Teks berjalan bolak balik

Kode:
<marquee direction="left" scrollamount="2" align="center" behavior="alternate">Isi Tulisan Zobat Disini</marquee>

4. Teks berjalan dari atas ke bawah

Kode:
<marquee direction="down" scrollamount="2" align="center">Isi Tulisan Zobat Disini</marquee>
 5. Teks berjalan dari bawah ke atas

Kode:
<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
 6. Teks berjalan mondar-mandir

Kode:
<marquee direction="up" scrollamount="2" align="center" behavior="alternate">Isi Tulisan Zobat Disini</marquee>
7. Teks berjalan zig-zag nembus
Kode:
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right">Isi Tulisan Zobat Disini</marquee></marquee></center>
8. Teks berjalan zig-zag mantul

Kode:

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

  • Langkah Selanjutnya adalah mengganti tulisan
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..

Previous
Next Post »

2 komentar

Click here for komentar
February 10, 2016 at 1:34 PM ×

mantap banget gan
terima kasih untuk berbagi info gan
semoga terus berkaya ya gan dan update terus....
thumbs up 4

Balas
avatar
admin
February 10, 2016 at 1:35 PM ×

mantap banget gan
terima kasih untuk berbagi info gan
semoga terus berkaya ya gan dan update terus....
thumbs up 4

Balas
avatar
admin

Terima telah berkunjung dan meniggalkan komentar di blog sederhana ini..!

NB :
1. Jangan berkomentar SPAM
2. Jangan meninggalakan LINK aktif karna otomatis akan terhapus.
Show Conversion Code Hide Conversion Code Show Emoticon Hide Emoticon

Thanks for your comment
Widget by