Cara Membuat Tulisan Berjalan (Marquee)

Nah Kawan kawan semua, kali ini Blog TheKiFOT akan Sedikit mengasih tau caranya Membuat Tulisan Berjalan (Marquee)

Nah 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 ade bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.

berikut cara pembuatannya :

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
   Code :  <marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>
   hasil :
   
   
   Contoh Tulisan Berjalan
   
   
   
   
   2. Teks berjalan dari kiri ke kanan
   Code  :  <marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
   hasil :
   
   
   Contoh Tulisan Berjalan
   
   
   
   3. Teks berjalan bolak balik
   Code :   <marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
   hasil :
   
   
   Contoh Tulisan Berjalan
   
   
   
   4. Teks berjalan dari atas ke bawah 
   Code  :    <marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
   hasil :
   
   
   Contoh Tulisan Berjalan
   
   
   5. Teks berjalan dari bawah ke atas
   
   Code  :  <marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
   hasil :
   
   

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

   Contoh Tulisan Berjalan
   7. Teks berjalan zig-zag nembus
   
    Code  :  <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>
   hasil :
   
   
   
   
   Contoh Tulisan Berjalan
   8. Teks berjalan zig-zag mantul

    Code  :  <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>
   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.
   
   SELAMAT MENCOBA SEMOGA BERHASIL.!!!!
   
   
   SaLam  TheKiFOT
   
   
   
   
   

Artikel Terkait: