Wednesday, August 17, 2011

Cara Membuat Tulisan Berjalan (Marquee)

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


kode :

<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

2. Teks berjalan dari kiri ke kanan

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


3. Teks berjalan bolak balik

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



4. Teks berjalan dari atas ke bawah


kode :
<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </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"> Contoh Tulisan Berjalan </marquee>



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>


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>

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.

SEMOGA BERHASIL

Demikianlah artikel mengenai Cara Membuat Tulisan Berjalan (Marquee)
Semoga Bermanfaat..

Terimakasih sudah membaca , Tinggalkan komentarnya juga ya

2 comments:

-Mohon berikan komentar anda dengan menggunakan bahasa yang sopan.
-Jika ingin repost, silahkan cantumkan namaku dan link blogku.

Related Posts Plugin for WordPress, Blogger...
 
This Blog Are Protected By Me . DO NOT OPEN MY PAGESOURCE . Designed by -Nur Irdina Zakaria- and Re-Designed by -DILA AZHARI-
...