Home » » Cara Membuat Tulisan Berjalan/Bergerak di Blog

Cara Membuat Tulisan Berjalan/Bergerak di Blog

Ditulis oleh Dicky Fajriansyah pada Kamis, 28 Maret 2013 | 20.22


Dengan membuat tulisan menjadi bergerak dapat menarik minat pengunjung terhadap pergerakan tersebut dan menarik minat pengunjung apa yang ingin disampaikan oleh pemilik blog. Selain dikenali sebagai scrolling text, juga dikenali sebagai marquee text.





Berikut adalah tutorial untuk cara membuat tulisan bergerak di blog
1. Kode dasar untuk tulisan bergerak dari kiri ke kanan


TULISAN ANDA
<marquee>TULISAN ANDA</marquee>

2. Mengubah arah pergerakan tulisan 
Penambahan kode berikut diperlukan kedalam kode dasar.
direction="left"
direction="right"
direction="up"
direction="down"
Berikut contoh kode untuk pegerakan dari kanan ke kiri
TULISAN ANDA
<marquee direction="right" >TULISAN ANDA</marquee>

3.Mengubah warna background pada tulisan yang bergerak
Untuk mengubah background, perlu diletakkan kode berikut
bgcolor="#kod warna"
Contoh kode yang diletakkan background


TULISAN ANDA
<marquee direction="right" bgcolor="#99CCFF">TULISAN ANDA</marquee>

4. Membuat tulisan bergerak bolak balik
Penambahan kode berikut.
behavior="alternate"

contoh kode yang diletakkan trick ini.
TULISAN ANDA
<marquee behavior="alternate" bgcolor="#99CCFF">TULISAN ANDA</marquee>

5.Mengubah kecepatan bergerak tulisan
Dengan menambah kode berikut
scrollamount="2"

Contoh kode dengan trick ini.
TULISAN ANDA
<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" scrollamount="2">TULISAN ANDA</marquee>


6. Berhenti jika kursor diarahkan
Tulisan yang bergerak juga dapat dihentikan apabila kursor diarahkan. ini untuk memudahkan pengunjung untuk membaca apa yang ingin disampaikan tanpa ganguan.
Penambahan kode yang perlu dilakukan adalah
onmouseover="this.stop()" onmouseout="this.start()"

Contoh kode dengan trick ini.
TULISAN ANDA
<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="10" >TULISAN ANDA</marquee>

Sekian tutorial ini , semoga bermanfaat bagi pembaca 
Dicky's Blog. Terima kasih telah membaca.
Salam pembaca Dicky's Blog !!
Dilarang menduplikasi dan menyerbarluaskan artikel tanpa menyertakan sumbernya. Jika melanggar, berarti telah melanggar UUD 1945 No. 19 Tahun 2002 Tentang Hak Cipta dan akan dijatuhi denda.
thumbnail Title: Cara Membuat Tulisan Berjalan/Bergerak di Blog
Posted by:Dicky Fajriansyah
Published :2013-03-28T20:22:00-07:00
Rating: 5
Reviewer: 100 Reviews
Cara Membuat Tulisan Berjalan/Bergerak di Blog

0 komentar:

Posting Komentar