Subscribe:

Selasa, 04 Oktober 2011

Cara Membuat Tulisan Bergerak(Marquee)


Bagaimana agar bisa membuat tulisan berjalan?

Seperti Ini ??


Bergerak kekanan !

Bergerak kekiri !

Ke Kanan dan Kekiri ??

Bergerak kekanan Perlahan !

Ke Kanan dan Kekiri Dan Bisa Di stop??


Bergerak Ke Atas



Bergerak Ke bawah

Oke ini kode nya :

Untuk Yang bergerak ke-kanan


Untuk Yang bergerak ke-kiri


Untuk Yang Ke Kanan dan Kekiri



Untuk Yang Bergerak kekanan Perlahan : Note : nilai scrolldelay menentukan cepat atau lambatnya tulisan bergerak.Direction = menentukan arah bergerak



Untuk Yang Ke Kanan dan Kekiri Dan Bisa Di stop



Untuk Yang Bergerak Ke Atas



Untuk Yang Bergerak Ke Atas dan Ke bawah


Note : Anda bisa merubah warna tulisan dengan mengubah angka pada :
rgb(255,0,0)=menjadi merah
rgb(0,255,0)=menjadi Hijau
rgb(0,0,255)=menjadi Biru
Atau dikombinasi....Coba-coba aja ya....

Update:
Karena ada pertanyaan soal bagaiamana cara agar gambar bisa bergerak kekanan atau kekiri, maka saya perlu tambahkan sedikit disini ...
caranya pertama anda bikin dulu image yang anda inginklan, lalu anda upload image tersebut ke photobucket.com
Kemudian nanti dari photobucket anda akan mendapatkan URL dari image yang anda upload tsb.
Kemudian masukkan ke dalam script marque(Berjalan) seperti yg ada diatas.
Berikut contoh script untuk image Photo DC yg BergeraK Kekanan;
<marquee direction="right"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSruQDXzOuBUYFZ-pkBzXw8gC-D93IVbobtuHqZ-axruheLFJkPNNTlUzeJtCNENZzlcM487WEZiuKnRhKk4H8Jgl45b8bFJ2tnB8S1Wc3JjmvZLFPuf_2AjzcErxuS9-gq3BEZYGe_1ds/" /></marquee>

Ini contoh image yg bisa bergerak kekanan :


Ganti Tulisan yang berwarna BIRU dengan URL image milik anda.

Semoga membantu.....

2 komentar:

Anonim mengatakan...

appa' di makassar
makasi sebelumnya
om aku kan baru mo belajar
mulainya dari mana?

Dinar Pragustian mengatakan...

kalau masih belajar, saya sarankan di HTML dulu. Kalau udah mahir HTML di css.

Mohon Berkomentarlah dengan Baik dan Sopan
Maaf, jika ingin menyertakan url mohon di LINK saja ya (NO http://) atau komentar hanya sekedar promosi akan di hapus. Thank's ^_^

Posting Komentar