RUNING TEXT

Tujuan penyajian teks berjalanan pada blog adalah :

1. Memudahkan membacaan isi pesan yang memiliki list/baris panjang, dengan catatan tidak terlalu cepat pergerakannya.
2. Efisiensi ruang blog pada pesan yang membutuhkan baris panjang.
3. Sebagai daya tarik bagi pengunjung untuk membaca pesan yang disampaikan.

Design teks berjalan (running text) pada blog dapat dilakukan dengan dua cara yaitu :

1) menggunakan html code yang langsung dapat didesign pada blog anda;

2) menggunakan software animasi dan baru dipindahkan ke blog dalam bentuk file gif image, swf atau yang lain, setelah jadi baru ditempatkan pada blog.
Pada kesempatan ini saya akan memberikan contoh aplikasi runing text bagi anda bagaimana cara membuat running text yang mudah diaplikasikan yaitu dengan menggunakan tag "marquee".

Bagaimana aplikasi pembuatannya? perhatikan penggunaan tag marquee dibawah ini.
Silahkan anda copy penggunaan marquee pada edit html blog anda.

<marquee>TEKS BERJALAN DARI KANAN KE KIRI</marquee>
hasil tampilan :
TEKS BERJALAN DARI KANAN KE KIRI

Anda bisa memberikan warna background dimana text tersebut berjalan yaitu dengan menambah bg--> untuk code nama warna merah, "green" untuk hijau atau sesuai nama warna yang lain. bg --> untuk warna putih dan kode warna yang lain silahkan klick Code Warna.

<marquee bgcolor="red">TEK BERJALAN DARI KANAN KE KIRI</marquee>
hasil tampilan :
TEK BERJALAN DARI KANAN KE KIRI

Penambahan warna background tentu mempengaruhi warna text yang telah kita buat. Bila antara warna background dengan warna text tidak kontras maka teks yang tertulis tentu kurang enak dibaca atau sama sekali tidak bisa dibaca. Dengan demikian anda juga perlu merubah warna teks dengan menambahkan perintah tag warna dan agar huruf tampak tebal gunakan juga perintah tag bold berikut.

style="color: rgb(255, 255, 255); font-weight: bold;"

pemasangan dilakukan setelah tag marquee.


<marquee style="color: rgb(255, 255, 255); font-weight: bold;" bgcolor="red">TEKS BERJALAN DARI KANAN KE KIRI</marquee>
hasil tampilan :
TEKS BERJALAN DARI KANAN KE KIRI

Pemasangan runing text dalam bingkai ukuran panjang 400 pixel x 35 pixel dengan garis tepi border= 2 px dan background berwarna merah, dan teks berwarna putih - tebal/bold.

<table style="color: rgb(255, 255, 255); font-weight: bold;" weight="35" border="2" width="480"><tbody><tr><td><marquee bgcolor="red" width="480">TEKS BERJALAN DARI KANAN KE KIRI</marquee></td></tr></tbody></table>
hasil tampilan :

TEKS BERJALAN DARI KANAN KE KIRI

<table style="color: rgb(255, 255, 255); font-weight: bold;" weight="35" border="2" width="480"><tbody><tr><td><marquee direction="right" bgcolor="red" width="480">TEKS BERJALAN DARI KIRI KE KANAN </marquee></td></tr></tbody></table>
hasil tampilan :

TEKS BERJALAN DARI KIRI KE KANAN

<table style="color: rgb(255, 255, 255); font-weight: bold;" weight="35" border="2" width="480"><tbody><tr><td><marquee behavior="alternate" bgcolor="red" width="480">TEKS BERJALAN BOLAK-BALIK</marquee></td></tr></tbody></table>
hasil tampilan :

TEKS BERJALAN BOLAK-BALIK

<table width="480px" outline="2"> <tbody><tr><td><marquee bgcolor="red"><a href="http://2.bp.blogspot.com/_9dQWD_OqV1s/SZAClVuGk-I/AAAAAAAAAJI/XbaA5EIwG0k/s1600-h/plane1.jpg"><img style="cursor: pointer; width: 73px; height: 36px;" src="http://2.bp.blogspot.com/_9dQWD_OqV1s/SZAClVuGk-I/AAAAAAAAAJI/XbaA5EIwG0k/s320/plane1.jpg" alt="" id="BLOGGER_PHOTO_ID_5300739601924002786" /></a><span style="color: rgb(255, 255, 255)font-family: arial;"><span style="font-weight:bold;">TEKS DAN GAMBAR BERJALAN</span></span></marquee></td></tr></tbody></table>
hasil tampilan :

TEKS DAN GAMBAR BERJALAN