Cara Membuat Tulisan Berjalan Di Blog Terbaru

Advertisement

Membuat Tulisan Berjalan Pada Blog

Pernahkah sobat blogger menjumpai atau melihat di blog tetangga ada tulisan berjalan mondar-mandir? Saya yakin pasti sudah pernah melihatnya. Ya itulah yang disebut marquee. Marquee atau teks tulisan berjalan berfungsi sebagai pernak pernik untuk memberikan efek atau tampilan berbeda pada sebuah teks tulisan bahkan artikel sehingga tampilan menjadi lebih menarik. Kenapa teks tulisan berjalan disebut marquee padahal jika diartika marquee berarti Tenda Besar, itu jelas tidak ada keterkaitannya dengan teks tulisan berjalan. Entah filosofi apa dibalik kata marquee tersebut dipilih sebagai bahasa pemograman, atau mungkin lebih mudah diucapkan hehe.. binggungkan.. udah nggk usah dipikirin yang penting intinya marquee itu berfungsi membuat teks tulisan berjalan/bergerak.

Selamat datang di blog Okeplus.net

Lalu bagaimana cara membuat efek-efek tersebut? Oke langsung saja menuju TKP.

Di bawah ini ada beberapa contoh varian kode cara membuat teks tulisan berjalan atau marquee di blog.

Tulisan Berjalan dari Kanan ke Kiri
Kode

<marquee direction="left" scrollamount="4" align="center">Tulisan Berjalan Dari Kanan Ke Kiri</marquee>

Tulisan Berjalan Dari Kanan Ke Kiri

Tulisan Berjalan dari Kiri ke kanan
Kode

<marquee direction="right" scrollamount="4" align="center">Tulisan Berjalan Dari Kiri Ke Kanan</marquee>

Tulisan Berjalan Dari Kiri Ke Kanan

Tulisan Berjalan dari Kiri ke Kanan Berkerlip
Kode

<marquee direction="right" scrollamount="4" align="center"><blink>Tulisan Berjalan Dari Kiri Ke Kanan Berkerlip</blink></marquee>

Tulisan Berjalan Dari Kiri Ke Kanan Berkedip

Tulisan Berjalan Bolak Balik dari Kiri ke Kanan
Kode

<marquee direction="left" scrollamount="4" align="center" behavior="alternate">Tulisan Berjalan Bolak Balik Dari Kiri Ke Kanan</marquee>

Tulisan Berjalan Bolak Balik Dari Kiri Ke Kanan

Tulisan Berjalan Bolak Balik dari Kanan ke Kiri
Kode

<marquee direction="right" scrollamount="4" align="center" behavior="alternate">Tulisan Berjalan Bolak Balik Dari Kanan Ke Kiri</marquee>

Tulisan Berjalan Bolak Balik Dari Kanan Ke Kiri

Tulisan Berjalan dari Atas ke Bawah
Kode

<marquee direction="down" scrollamount="4" align="center">Tulisan Berjalan Dari Atas Ke Bawah</marquee>

Tulisan Berjalan Dari Atas Ke Bawah

Tulisan Berjalan dari Bawah ke Atas
Kode

<marquee direction="up" scrollamount="4" align="center">Teks Tulisan Berjalan Dari Bawah Ke Atas</marquee>

Teks Tulisan Berjalan Dari Bawah Ke Atas

Tulisan Bolak-Balik dari Atas ke Bawah
Kode

<marquee direction="up" scrollamount="4" align="center" behavior="alternate">Tulisan Berjalan Bolak Balik Dari Atas Ke Bawah</marquee>

Tulisan Berjalan Bolak Balik Dari Atas Ke Bawah

Tulisan Berjalan Zig-Zag
Kode

<marquee direction="up" scrollamount="4" align="center" behavior="alternate" width="100%"><marquee direction="right">Tulisan Berjalan Zig Zag</marquee></marquee>

Tulisan Berjalan Zig Zag

Tulisan Berjalan Berhenti Jika Disorot oleh Kursor Mouse
Kode

<marquee onmouseover="this.stop()" onmouseout="this.start() " scrollamount="4" direction="up" width="100%" height="100" align="center">Tulisan Berjalan Berhenti Jika Disorot oleh Kursor Mouse</marquee>

Tulisan Berjalan Berhenti Jika Disorot oleh Kursor Mouse

Tulisan Berjalan Dengan Link Url
Kode

<marquee onmouseover="this.stop()" onmouseout="this.start() " scrollamount="4" direction="right" width="100%" height="100" align="center"><a href="/">Tulisan Berjalan Dengan Link Url</a></marquee>

Tulisan Berjalan Dengan Link Url

Keterangan :

• bgcolor : Atribut ini digunakan untuk mengatur background dari text yang akan diberi efek marquee.
• direction : Digunakan untuk mengatur gerakan dari text tersebut (up, down, left right).
• scrollamount : Untuk mengatur kecepatan dari gerakan text (angka dalam px), semakin tinggi angka yang digunakan, maka akan semakin cepat gerakan dari textnya.
• behaviour : Untuk mengatur efek dari gerakannya (slide, scroll, alternate).
• width : Untuk mengatur lebar dari area text nya (dinyatakan dalam px atau %).
• height : Untuk mengatur tinggi dari area text nya (dinyatakan dalam px atau %).
• align : Untuk mengatur posisi (center, left, right).
• onmouseover : Untuk memberhentikan efek ketia disorot (hover) mouse.
• onmouseout : Untuk melanjutkan efek bila mouse sudah tidak menyorot (hover) text

Ingin berlangganan artikel terbaru gratis? Silahkan masukkan email anda dibawah ini: