Cara Membuat Tulisan Berjalan
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.
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. -- Lihat aja yah contohnya dibawah. --
Mana sih Contoh Tulisan Berjalan Di blogspot
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>
Dan ini contoh image yg bisa bergerak kekanan
ganti URL http://i420.photobucket.com/albums/pp281/goldenphoto_2009/bubble.gif dgn URL image milik anda
UPDATE OKTOBER 2011
Untuk cara dan dimana penempatan kode teks berjalan ini, silahkan lihat di postingan ini :
menempatkan tulisan berjalan diblog
Semoga membantu
#Gambar 1-Halaman Amazon-Loggin ke Amazon#
#Gambar 2 -Halaman Amazon-Associated Program#
#Gambar 3 -Halaman Amazon Link and Banners#
#Gambar 4 -Halaman Amazon-Search Image#
#Gambar 5 -Halaman Amazon-Get Link#
#Gambar 6 -Halaman Amazon-Teks&Image#
gambar 7 #Amazon -Copy gambar + Kode HTML #
Gambar 8 #Halaman Blogger-Kode HTML Image #
Gambar 8 #Halaman Blogger-Layout-Edit HTML #
