Cara Membuat Efek Teks Tulisan Berjalan, bergerak, berkedip (Marquee) di bawah atau sisi samping Blog

Cara Membuat Efek Teks Tulisan Berjalan (Marquee) di Blog - Artikel ini merupakan panduan dasar dalam memberikan pernak-pernik untuk sebuah blog. Teks tulisan berjalan termasuk beberapa pernak pernik yang sering digunakan untuk memberikan tampilan beda untuk sebuah teks atau tulisan bahkan artikel pun bisa dibuat berjalan. Teks tulisan berjalan di blog biasanya disebut dengan Marquee. Jika diartikan dengan fungsinya, marquee tidak memiliki keterkaitan karena arti dari marquee sendiri adalah Tenda Besar dan bukan teks tulisan berjalan. Mungkin marquee merupakan bahasa pemograman yang memiliki arti teks tulisan berjalan, tapi entahlah yang penting yang saya tahu marquee memiliki fungsi agar teks tulisan didalam blog memiliki efek bergerak atau berjalan.

Teks tulisan berjalan atau marquee biasanya ditempatkan dibagian atas atau bawah blog dan sedikit sekali yang memasangnya dibagian sidebar atau bagian kanan kiri blog. Membuat tulisan teks berjalan dengan fungsi marquee ini memiliki beberapa efek kriteria atau karakteristik dalam tampilannya. Seperti efek berjalan secara umum, berjalan dengan efek berkedip, dan berjalan dengan efek berhenti jika disorot dengan kursor. Beberapa efek tersebut bisa anda lihat seperti Demo berikut ini

Tek Tulisan Berjalan Dari Kanan Ke Kiri
Tek Tulisan Berjalan Dari Kiri Ke Kanan
Tek Tulisan Berjalan Dari Kiri Ke Kanan Berkedip

Lalu bagiamana cara membuat teks tulisan berjalan di blog dengan beberapa efek selain seperti pada Demo yang saya pasang diatas? Untuk membuat efek marquee pada tulisan teks di blog, silahkan pilih beberapa efek teks tulisan berjalan berikut ini

         Kode 1:

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

         Kode 2:

<marquee direction="right" scrollamount="2" align="center"><blink>Teks Tulisan Berjalan Dari Kiri Ke Kanan Berkedip</blink></marquee> 

         Kode 3:

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

         Kode 4:

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

Kode 5:

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

Kode 6:

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

Kode 7:

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

Kode 8:

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

Kode 9:

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

Kode 10:

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

Kode 11:

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

Keterangan :
Direction : Mengatur arah gerakan teks (left, right, up dan down)
Scrollmount : Mengatur kecepatan gerakan. semakin tinggin nilainya semakin cepat
Align : Mengatur posisi teks (left, right, center, justify)
Behavior : Mengatur gerakan teks (scroll, slide, alternate)

Setelah anda memilih atau membuat efek tek tulisan sendiri, untuk memasangnya didalam blog, silahkan salin saya kode-kode yang telah saya tulisa diatas.
Anda bisa memasang efek teks tulisan berjalan tersebut dimanapun yang anda inginkan termasuk didalam postingan atau didalam artikel blog anda.

 edited by:http://panduantemplateblog.blogspot.com