Membuat Teks Berjalan Pada Blog

Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.

Berikut cara pembuatannya :

1. Login ke Blogger
2. Kemudian klik Rancangan => 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">Selamat Datang Di fikri4share.blogspot.com</marquee>

hasil :

Selamat Datang Di fikri4share.blogspot.com

2.Teks berjalan dari kiri ke kanan
kode :

<marquee direction="right" scrollamount="2" align="center"> Selamat Datang Di fikri4share.blogspot.com </marquee>

hasil :

Selamat Datang Di fikri4share.blogspot.com
3.Teks berjalan bolak balik

kode :

<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Selamat Datang Di fikri4share.blogspot.com </marquee>

hasil :

Selamat Datang Di fikri4share.blogspot.com
4.Teks berjalan dari atas ke bawah

kode :

<marquee direction="down" scrollamount="2" align="center"> Selamat Datang Di fikri4share.blogspot.com </marquee>

hasil :
Selamat Datang Di fikri4share.blogspot.com
5.Teks berjalan dari bawah ke atas

kode :

<marquee direction="up" scrollamount="2" align="center"> Selamat Datang Di fikri4share.blogspot.com</marquee>

hasil :

Selamat Datang Di fikri4share.blogspot.com
6.Teks berjalan ke atas dan bawah memantul

kode :

<marquee direction="up" scrollamount="2" align="center" behavior="alternate">Selamat Datang Di fikri4share.blogspot.com </marquee>

hasil :

Selamat Datang Di fikri4share.blogspot.com

7.Teks berjalan zig-zag nembus
kode :

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right">Selamat Datang Di fikri4share.blogspot.com </marquee></marquee></center>

hasil :

Selamat Datang Di fikri4share.blogspot.com

8.Teks berjalan zig-zag mantul

<center><marquee direction="up" scrollamount="2" align="center" behavior=
"alternate" width="90%"><marquee direction="right" behavior="alternate">
Selamat Datang Di fikri4share.blogspot.com

</marquee></marquee></center>

hasil :

Selamat Datang Di fikri4share.blogspot.com

9.Teks berjalan bolak balik dan warna latar belakang : 
Kode :

<div align="left">&ltfont face="georgia" color="white"><b><marquee bgcolor="red" width="70%" scrollamount="3" behavior="alternate">Selamat Datang Di fikri4share.blogspot.com</marquee></b></font></div>

hasil :

Selamat Datang Di fikri4share.blogspot.com

10.Teks berjalan ke atas dan berhenti ketika terkena kursor

ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee. Contoh, silahkan arahkan mouse anda ke area marquee di bawah ini : 

Kodenya:

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">Selamat Datang Di fikri4share.blogspot.com</marquee>

Hasil:

Selamat Datang Di fikri4share.blogspot.com

11.Teks berjalan ke atas yang di dalamnya terdapat link:

Kode :

<Marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()">

<a href="http://fikri4share.blogspot.com/2011/11/membuat-blog-pada-blogspotcom.html">Membuat Blog pada Blogspot.com</a>

<a href="http://fikri4share.blogspot.com/2011/11/cara-mengganti-template-theme-blogger.html">Cara Mengganti Template / Theme Blogger</a>

<a href="http://fikri4share.blogspot.com/2011/11/cara-membuat-label-cloud.html">Cara Membuat Label Cloud</a>

</marquee>

hasil :

Membuat Blog pada Blogspot.com
Cara Mengganti Template / Theme Blogger
Cara Membuat Label Cloud

Keterangan :
# ganti tulisan merah dengan tulisan yang anda inginkan

# untuk jenis teks ke-11. ganti tulisan biru dengan link anda dan tulisan hijau ganti dengan judul link tersebut.

# 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)

Related Post