Cara membuat tulisan berjalan menggunakan HTML



Cara membuat tulisan berjalan menggunakan HTML - kali ini saya akan posting tentang Programming, yaitu tentang HTML, dan saya akan beri judul postingan ini dengan Cara membuat tulisan berjalan menggunakan HTML.
Pada postingan Programming ini , dan saya harap bisa membantu anda sekalian, ini merupakan dasar dalam HTML,dan buat para master yang membaca postingan ini, silahkan anda tinggalkan karena mungkin anda anggap akan menhabiskan waktu saja membaca yang beginian, tetapi tidak ada salahnya anda tetap membaca, saya tidak melarangnya.


Khusus buat anda yang newbie {pemula} yang belum pernah membaca tentang HTML, silahkan simak dengan seksama apa yang akan saya paparkan kepada anda, karena bisa menambah ilmu anda.


Cukup lah basa basinya, langsung aja ke permasalahan kita yaitu Cara membuat tulisan berjalan menggunakan HTML
Lihat tulisan berikut ini:

Bergerak kekanan !

Ke Kanan dan Kekiri ??

Bergerak kekanan Perlahan !

Ke Kanan dan Kekiri Dan Bisa Di stop??

Bergerak Ke Atas

Bergerak Ke Atas dan Ke bawah

Gimana cara membuat tulisan begitu?
mudah saja, ini merupakan kode HTML.. dan untuk membuat tulisan berjalan kita menggunakan tag <marquee>, anda tinggal menambahkan kode ini di tempat yang mendukung HTML, kalau di postingan yaitu di edit HTML, kalo mau menambah di sidebar anda tinggal menulisnya di widget add HTML.

Berikut ini code HTML nya:

Untuk Yang bergerak kekanan:

<marquee direction="right"><span style="color: rgb(255, 0, 0); font-weight: bold;">Bergerak kekanan !</span></marquee>

Untuk Yang Bergerak kekiri ! : Tinggal ganti kata "right" menjadi "Left"

Untuk Yang Ke Kanan dan Kekiri:

<marquee direction="left" behavior="alternate"><span style="color: rgb(255, 0, 0); font-weight: bold;">Ke Kanan dan Kekiri ??</span></marquee>

Untuk 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: rgb(255, 255, 0); font-weight: bold;">Bergerak kekanan Perlahan !</span></marquee>

Untuk Yang 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: rgb(255, 0, 0); font-weight: bold;">Ke Kanan dan Kekiri Dan Bisa Di stop??</span></marquee>

Untuk Yang Bergerak Ke Atas :
<marquee align="center" direction="up" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color: rgb(0, 255, 0); font-weight: bold;">Bergerak Ke Atas</span></marquee>

Untuk 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: rgb(255, 0, 255); font-weight: bold;">Bergerak Ke Atas dan Ke bawah</span></marquee>

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 aja ubah,hehe..

Dan bagaimana cara agar gambar bisa bergerak kekanan atau kekiri, maka saya perlu tambahkan sedikit disini ...
caranya pertama anda siapain dulu image yang anda inginkan, lalu anda upload image tersebut ke 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 Kekanan;




<marquee direction="right"><img src="http://photos-g.ak.fbcdn.net/hphotos-ak-ash3/544504_395065480511962_100000255395554_1445290_1204841460_a.jpg" /></marquee>


Dan ini hasilnya:





dan ganti url http://photos-g.ak.fbcdn.net/hphotos-ak-ash3/544504_395065480511962_100000255395554_1445290_1204841460_a.jpg dengan punya anda sendiri, agar foto anda tampil dan bisa berjalan..


SEMOGA MEMBANTU











Terima Kasih Telah Membaca Artikel:
Cara membuat tulisan berjalan menggunakan HTML







0 comments:

Post a Comment