Cara Membuat Teks Berjalan Atau Efek Marquee

Untuk Melihat Selengkapnya?

Cara membuat teks berjalan pada blog sebenarnya sudah pernah saya buat postingannya dengan judul Cara Membuat Teks Berjalan di Menu Bar, namun yang membedakannya dengan Cara Membuat Teks Berjalan atau Efek Merquee pada blog adalah code HTML yang digunakan dan cara pemasangannya, dimana jika Teks Berjalan atau Efek Merquee dipasangnya di sidebar atau dalam postingan.

Sebelum saya menerangkan cara mudah buat teks berjalan atau efek merque, terlebih dahulu saya akan mendemonstrasikan apa yang dimaksud dengan efek merquee tersebut, berikut ini contohnya :

1. Contoh Teks Bergerak Bolak-Balik Secara Horizontal Teks Bolak-Balik Horizontal

1. Ini Adalah Code HTML Teks Bergerak Bolak-Balik Secara Horizontal <font face="arial" color="black" size="4"><marquee direction="right" behavior="alternate" direction="right" scrollamount="2" height="20px" scrolldelay="10" bgcolor="orange" width="450px"> Teks Bolak-Balik Horizontal</marquee></font>

2. Contoh Teks Berjalan Bolak-Balik Secara Vertikal Teks Bolak-Balik Vertikal

2. Ini Adalah Code HTML Teks Bergerak Bolak-Balik Secara Horizontal <font face="verdana" color="yellow" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="green" width="450px"> Teks Bolak-Balik Vertikal</marquee></font>

3. Contoh Teks Berjalan Kekanan Secara Continu Teks Kekanan Continu

3. Ini Adalah Code HTML Teks Berjalan Kekanan Secara Continu <font face="times" color="green" size="4"><marquee direction="right" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10" bgcolor="yellow" width="450px"> Teks Kekanan Continu</marquee></font>

4. Contoh Teks Berjalan Kekiri Sekali Saja Berjalan Kekiri Sekali

4. Ini Adalah Code HTML Teks Berjalan Kekiri Sekali Saja <font face="courier" color="red" size="4"><marquee direction="left" behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="blue" width="450px"> Berjalan Kekiri Sekali</marquee></font>

5. Contoh Teks Berjalan Kekiri Kekanan Tiga Kali Berjalan Kekanan Tiga Kali

5. Ini Adalah Code HTML Teks Berjalan Kekiri Kekanan Tiga Kali <font face="courier" color="blue" size="4"><marquee direction="right" loop="3" behavior="slide" scrollamount="1" height="20px" scrolldelay="50" bgcolor="red" width="450px"> Berjalan Kekanan Tiga Kali</marquee></font>

6. Contoh Teks Berjalan Efek Bounce Teks Berjalan Efek Bounce

6. Ini Adalah Code HTML Teks Berjalan Efek Bounce <font face="comic sans ms" color="orange" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="black"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2"> Teks Berjalan Efek Bounce</marquee></marquee></font>

7. Contoh Teks Berhenti Jika Mouse Menyentuh Daerah Marquee Teks Berhenti Jika Mouse Menyentuh Daerah Marquee

7. Ini Adalah Code HTML Teks Berhenti Jika Mouse Menyentuh Daerah Marquee <font face="arial black" color="green" size="4"><marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="450" height="100" onmouseout="this.start()" bgcolor="blue"> Teks Berhenti Jika Mouse Menyentuh Daerah Marquee</marquee></font>

Cara pasang code teks berjalan pada Sidebar blog adalah sebagai berikut :

1. Login ke Blogger, Klik Layout/Tata Letak;

2. Pada Elemen Halaman, klik Add Gadget/Tambah Gadget di lokasi yang Anda inginkan;

3. Pilih HTML/Javascript;

4. Copy paste code HTML diatas ke dalam Content yang telah tersedia;

5. Klik Tombol Simpan

Jika cara pasang code HTML ke dalam postingan, cukup copy paste kode tersebut ke dalam content postingan Anda.

Keterangan :
Width: Untuk mengatur panjang ruangan teks dalam satuan pixel.
Height: Untuk mengatur lebar ruangan teks dalam satuan pixel.
Scrolldelay: Untuk mengatur waktu tunda gerakan dalam satuan mili detik.
Scrollamount: Untuk mengatur kecepatan gerakan dalam satuan pixel.


Selamat Mencoba, Semoga Sukses!!!

Share