Cara Buat Marquee / Text Berjalan

Text Berjalan / Efek Marquee ini sangat diminati oleh para blogger untuk di tampilkan di blog sebagai variasi. Biasanya text berjalan ini untuk menampilkan postingan yang menonjol untuk di beritahukan kepada para pembacanya. Text berjalan ini juga memperlihatkan artikel tidak membosankan saat di baca. Kalau blog anda ingin di tambah menu text berjalan, kita mulai saja proses pembuatannya...(ha.ha.ha. kaya di pabrik aja ya..pake proses pembuatan).

Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>.

Efek Marquee biasanya menggunakan atribut seperti :

BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks.

DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks

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

TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.

SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP="angka|-1|infinite" --> Mengatur jumlah loop

WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Contoh Marquee / Text berjalan : dari kanan ke kiri :


<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">

PANDUAN BUAT BLOG GRATIS DI BLOGSPOT.COM

</MARQUEE>

hasilnya :

PANDUAN BUAT BLOG GRATIS DI BLOGSPOT.COM

Contoh Marquee / Text Berjalan : dari perilaku gerakan :

<MARQUEE align="center" direction="left" height="300" scrollamount="3" width="70%" behavior="alternate">

PANDUAN BUAT BLOG GRATIS DI BLOGSPOT.COM

</MARQUEE>

PANDUAN BUAT BLOG GRATIS DI BLOGSPOT.COM

Contoh marquee yang di dalam nya terdapat link :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" align="center">

<a href="http://kumpulan-asuhan-keperawatan.blogspot.com" target="new">Kumpulan Asuhan Keperawatan</a><br/>

<a href="http://download-askep.blogspot.com" target="new">Download Askep Gratis </a><br/>

<a href="http://download-my-ebook.blogspot.com" target="new">Download Ebook </a><br/>

</marquee>

hasilnya :
Kumpulan Asuhan Keperawatan

Download Askep Gratis

Download Ebook

Artikel Terkait