Cara Membuat Tulisan Berjalan

Mari kita belajar Cara Membuat Tulisan Berjalan .
Apa itu Marquee??, marquee adalah tulisan atau angka yang dibuat agar bisa berjalan 

contoh :

Saya Adalah Marquee Yang Dimaksud

Nah Udah taukan, apa itu marquee :D , Cara membuatnya mudah kok tinggal ikuti langkah/tutorial berikut:

1. Login ke akun Blogger Sobat.
2. Masuk ke Tata Letak.
3. Klik Tambah Gadget.
4. Pilih tambah HTML/Java Script
5. Lalu Masukin nih kode-kode Html berikut :
   •ContohKode:

   
   

   <marquee>Masukan Tulisan Disini</marquee>

6. Klik Save/Simpan.
7. Lalu jika Ingin di Edit posisinya tinggal di Drag di posisi yang diinginkan. 

Namun jika sobat, bosan dengan marquee yang hanya itu-itu saja sobat dapat menambahkan kode lain nya untuk mempercantik tampilan seperti dibawah ini:

 • bgcolor="Kode Warna"   

    Fungsinya untuk mengganti warna background dari text marquee.Kode Warna boleh diganti sesuai selera sobat masing-masing ;) .
 

•ContohKode:

<marquee bgcolor="red">Masukan Tulisan Disini</marquee>

Hasilnya Seperti Ini


•direction="Up/Down/Right/Left"
   Fungsinya untuk mengatur Arah pergerakan dari text/marquee,
     • Direction="Up" berarti text akan bergerak dari Bawah ke Atas
     • Direction="Down" berarti text akan bergerak dari Atas ke Bawah  
     • Direction="Right" berarti text akan bergerak dari Kiri ke Kanan
     • Direction="left" berarti text akan bergerak dari Kanan ke Kiri  

•ContohKode:

<marquee direction="up">Masukan Tulisan Disini</marquee>

Contoh marquee direction="up"

•behavior="scroll/slide/alternate"
Fungsinya untuk mengatur perilaku gerakan.
     • behavior="scroll" Kode untuk membuat text bergerak berputar.

•ContohKode:

<marquee behavior="scroll">Masukan Tulisan Disini</marquee>

Hasilnya Seperti Ini

    
     • behavior="slide" Kode untuk membuat text bergerak sekali lalu berhenti.

•ContohKode:

<marquee behavior="slide">Masukan Tulisan Disini</marquee>

Hasilnya Seperti Ini

     • behavior="alternate" Kode untuk membuat text bergerak bolak-balik kekanan-kekiri.

•ContohKode:

<marquee behavior="alternate">Masukan Tulisan Disini</marquee>

Hasilnya Seperti Ini


•title="pesan"
Fungsinya untuk memberi teks saat mouse berada di atas text.

•ContohKode:

<marquee title="pesanYangDitampilkan">MasukanTulisan</marquee>

Coba Sentuh Text ini Dengan Kursor


•scrollamount="kecepatan"
Fungsinya untuk mengatur kecepatan text/marquee.

•ContohKode:

<marquee scrollamount="kecepatan">Masukan Tulisan</marquee>

Hasil Dari KECEPATAN "20"


•scrolldelay="jumlah waktu tunda"
 Fungsinya untuk waktu tunda gerakan dalam mili detik.

•ContohKode:

<marquee scrolldelay="jumlah waktu tunda">Masukan Tulisan</marquee>

Hasil Dari scrolldelay="3"


•loop="angka|-1|infinite"
 Fungsinya untuk mengatur loop.

•ContohKode:

<marquee loop="angka|-1|infinite">Masukan Tulisan</marquee>

Hasil Dari loop="-1"

•width="Jumlah Angka Lebar"
Fungsinya untuk mengatur lebar tampilan blok text dalam pixel/persen.

•ContohKode:

<marquee width="Jumlah Angka Lebar">Masukan Tulisan</marquee>

Hasil Dari width="20"


•onmouseover="this.stop()"onmouseout="this.start()"
Fungsinya Ketika terkena kursor maka text akan berhenti.

•ContohKode:

<marquee onmouseover="this.stop()"onmouseout="this.start()">Masukan Tulisan</marquee>

Hasilnya Seperti Ini

Jadi itulah, beberapa macam variasi kode Marquee. Semoga bermanfaat untuk anda. Dan terima kasih sudah mau berkunjung ke blog ini. - See more at: http://www.seoterpadu.com/2013/07/cara-membuat-tulisan-berjalan-marquee.html#sthash.BGZVSvPF.dpuf

•Teks bergerak zig - zag ( diagonal ) memantul

•ContohKode:

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

Hasilnya Seperti Ini


•Teks bergerak zig - zag ( diagonal ) tembus

•ContohKode:

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

Hasilnya Seperti Ini


Menarik kan si "Merquee"? haha,  Selamat mencoba, semoga bermanfaat untuk pembaca dan terimakasih sudah berkunjung ke blog ini. :)

Jadi itulah, beberapa macam variasi kode Marquee. Semoga bermanfaat untuk anda. Dan terima kasih sudah mau berkunjung ke blog ini. - See more at: http://www.seoterpadu.com/2013/07/cara-membuat-tulisan-berjalan-marquee.html#sthash.BGZVSvPF.dpuf