Minggu, 11 Desember 2011

Cara Membuat Tulisan Berjalan (Marquee)

Mungkin sebagian besar sudah mengetahui fungsi Marquee tapi ini hanya sharing untuk yang belum mengetahui cara pembuatannya. Tulisan ini berjalan biasa bukan yang apabila ada mouse diarea 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 diinginkan.
  6. Dan selanjutnya Save.



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 Menembus

    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 Memantul

    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 dapat diganti dengan tulisan yang sesuai dengan keinginan.

Contoh Tulisan Berjalan



Keterangan :
  1. Untuk mengatur arah gerakan teks, direction="left/right/up/down"
  2. Untuk mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya, scrollamount="angka" 
  3. Dan, behavior="scroll/slide/alternate untuk mengatur perilaku gerakan :
          ~  Teks bergerak berputar, Scroll
          ~  Teks bergerak sekali lalu berhenti, Slide
          ~  Teks bergerak dari kiri kekanan lalu balik-balik, Alternate 
          ~  Untuk fungsi selalu di tengah, <center> ............. </center>


Tidak ada komentar:

Posting Komentar