Mungkin diantara anda ada yang ingin tau Bagaimana Cara membuat tulisan
berjalan - atau tulisan yang bisa bergerak kekanan/kekiri dan keatas/kebawah ?
.Tulisan ini saya bikin saat saya dulu mencoba membuat beberapa tulisan di blog
saya bisa bergerak keatas atau kekanan.
Dan saya berfikir : Jika saya saja dulu bingung cara membuat tulisan bergerak,maka pasti banyak juga orang lain yang juga tidak tau caranya.Oleh sebab itu saya mencoba menuliskan artikel cara membuat tulisan bergerak ini ,khusus untuk anda yang belum mengetahui nya.
Dan saya berfikir : Jika saya saja dulu bingung cara membuat tulisan bergerak,maka pasti banyak juga orang lain yang juga tidak tau caranya.Oleh sebab itu saya mencoba menuliskan artikel cara membuat tulisan bergerak ini ,khusus untuk anda yang belum mengetahui nya.
Apa
sih tujuan atau manfaat Tulisan Yang bisa berjalan di Blog?
Saya melihat dibeberapa
blog,menggunakan teknik tulisan bergeser kekanan atau kekiri untuk
menarik perhatian pengunjung (dan memang teknik ini mampu membuat saya melirik
ke tulisan yang berjalan tsb).
Meskipun ada webmaster guru, yang menghindari trik tulisan berjalan ini ,dengan alasan : "Membuat Pusing..!" . Tapi menurut saya trik ini memang cukup ampuh kok. Agar tdk membuat pusing sebagian orang tertentu ( Ada lho beberapa org yang memliki gangguan penglihatan pada barang/tulisan/objek yang bergerak2..), kita bisa membuat tulisan yang bergerak tsb untuk diam sesaat ketika kursor mouse diarahkan ke tulisan bergerak itu.
Meskipun ada webmaster guru, yang menghindari trik tulisan berjalan ini ,dengan alasan : "Membuat Pusing..!" . Tapi menurut saya trik ini memang cukup ampuh kok. Agar tdk membuat pusing sebagian orang tertentu ( Ada lho beberapa org yang memliki gangguan penglihatan pada barang/tulisan/objek yang bergerak2..), kita bisa membuat tulisan yang bergerak tsb untuk diam sesaat ketika kursor mouse diarahkan ke tulisan bergerak itu.
Tulisan bergerak atau MARQUE ini,
pada beberapa pengaturannya : Misal : align;behavior;haspace; dll : ada
yang tidak kompatible ( tidak berfungsi ) di beberapa browser,terutama di
browser kuno.Untuk melihat semua fungsi marque berfungsi semua fitur2 nya, coba
buka blog yang ada marque nya dengan mozila firefox
Lalu
mana Kode HTML Tulisan Berjalan nya ?
Oke ini kode nya :
Kode HTML Untuk Tulisan Yang bergerak kekanan
<marquee
direction="right"><span style="color: rgb(255, 0, 0);
font-weight: bold;">Tulisan Bergerak Bergerak kekanan (ganti dgn
tulisan anda)</span></marquee>
Kode HTML Untuk Tulisan Yang Bergerak kekiri : Lihat pada kode tulisan bergerak kekanan diatas,tinggal ganti kata "right" menjadi "left"
Kode HTML Untuk Tulisan Yang Ke Kanan dan Kekiri
<marquee
direction="left" behavior="alternate"><span
style="color:red; font-weight: bold;">Tulisan Bergerak Ke
Kanan dan Kekiri (ganti dgn tulisan anda)</span></marquee>
Kode HTML Untuk Tulisan Yang Bergerak kekanan Perlahan : Note : nilai scrolldelay menentukan cepat atau lambatnya tulisan bergerak.Direction = menentukan arah bergerak
<marquee
direction="right" scrolldelay="500"><span
style="color:red; font-weight: bold;">Tulisan Bergerak
kekanan Perlahan (ganti dgn tulisan anda</span></marquee>
Kode HTML Untuk Tulisan Tulisan Yang Bisa Bergerak Ke Kanan dan Kekiri Dan Bisa Di stop
<marquee
direction="left" behavior="alternate"
scrollamount="2" onmouseover="this.stop()"
onmouseout="this.start()" width="95%"><span
style="color:red; font-weight: bold;">Tulisan Bergerak Ke
Kanan dan Kekiri Dan Bisa Di stop??</span></marquee>
Kode HTML Untuk Tulisan Yang Bergerak Ke Atas
<marquee align="center"
direction="up" scrollamount="2"
onmouseover="this.stop()" onmouseout="this.start()"
height="100" width="95%"><span style="color:red;
font-weight: bold;">Tulisan Bergerak Ke
Atas</span></marquee>
Kode HTML Untuk Tulisan Yang Bergerak Ke Atas dan Ke bawah
<marquee align="center"
direction="up" behavior="alternate"
scrollamount="2" onmouseover="this.stop()"
onmouseout="this.start()" height="100"
width="95%"><span style="color:red; font-weight:
bold;">Tulisan Bergerak Ke Atas dan Ke
bawah</span></marquee>
Note : Anda bisa merubah warna
tulisan dengan kode warna HTML :
red = warna merah
blue= warna biru
yellow = warna Kuning
white = warna putih
black = warna hitam
Kode warna HTML, pada contoh diatas seperti ini:
<span style="color:red; font-weight: bold;">
Bisa diganti dengan seperti ini :
<span style="color:#f00; font-weight: bold;">
#f00; = warna merah ;
#00f; = Warna Biru ;
#0f0; = Warna Hijau ;
#f0f; = Warna Ungu ;
Atau dikombinasi....Coba-coba aja ya....
red = warna merah
blue= warna biru
yellow = warna Kuning
white = warna putih
black = warna hitam
Kode warna HTML, pada contoh diatas seperti ini:
<span style="color:red; font-weight: bold;">
Bisa diganti dengan seperti ini :
<span style="color:#f00; font-weight: bold;">
#f00; = warna merah ;
#00f; = Warna Biru ;
#0f0; = Warna Hijau ;
#f0f; = Warna Ungu ;
Atau dikombinasi....Coba-coba aja ya....
Update 25 agustus 2009:
Karena ada pertanyaan soal bagaimana cara agar gambar bisa bergerak kekanan atau kekiri, maka sy perlu tambahkan sedikit disini ...
caranya pertama anda bikin dulu image yang anda inginlan, lalu anda upload image tsb ke situs layanan penyimpan image gratis,misalnya photobucket.com.
Kemudian nanti dari photobucket anda akan mendapatkan URL dari image yg anda upload tsb.
Kemudian masukkan ke dalam scrip marquee(Berjalan) seperti yg ada diatas.
Berikut contoh script utk image Photo saya yg bergerak Ke kanan :
<marquee direction="right">
<img
src="http://i420.photobucket.com/albums/pp281/goldenphoto_2009/Iconulum.jpg"
/></marquee>
ganti URL http://i420.photobucket.com/albums/pp281/goldenphoto_2009/bubble.gif dgn URL image milik anda.
sekian dan semoga bermanfaat...