di postingan kali ini saya akan membahas tentang membuat teks
berjalan/bergerak di html dengan menggunakan tag
<marquee>.......................................</marquee>.
langsung saja di bawah ini ada contoh penulisannya :
Membuat Teks berjalan
<head>
<body>
<marquee><b>SILAHKAN DICOBA ???</b></marquee>
</body>
</head>
hasilnya :
SILAHKAN DICOBA ???
Membuat Teks berjalan dari kiri ke kanan
<head>
<body>
<marquee align="center" direction="right" height="45"
scrollamount="2" width="70%">
HALLO APA KABAR ?
</marquee>
</body>
</head>
hasilnya :
HALLO APA KABAR ?
catatan penting :
Pada
huruf / angka yang berwarna merah dapat anda sesuaikan menurut
keinginan, kata "right" adalah perintah untuk menggerakkan teks ke arah
kanan. Anda dapat merubahnya menjadi "left" jika ingin teks berjalan
dari arah kanan ke arah kiri. Huruf "45" pada kode diatas adalah untuk
mengatur ukuran tinggi bidang gerak teks, anda dapat merubahnya dan
menyesuaikan menurut ukuran bidang gerak pada website / blog anda.
Sedangkan huruf "2" pada perintah scrollamount adalah untuk mengatur
kecepatan gerak teks. Semakin besar nominalnya maka kecepatan gerak
teks akan semakin bertambah."70%" pada code width diatas adalah ukuran
lebar bidang gerak teks. Anda bisa merubah prosentasenya sesuai dengan keinginan anda.
Membuat teks berjalan ke kiri dan kembali ke kanan :
<head>
<body>
<marquee align="center" direction="left" height="50"
scrollamount="5" width="70%" behavior="alternate">
<b>Silahkan di Coba hasilnya ?</b>
</marquee>
</head>
</body>
hasilnya :
Silahkan di Coba hasilnya ?
Membuat Teks berjalan/bergulir dari atas ke bawah atau sebaliknya :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="70%"
height="80" align="center">
<a href="http://www.amikom.ac.id" target="new">STMIK AMIKOM</a><br />
<a href="alamat blog anda" target="new">Tutorial Membuat animasi teks pada Blog</a><br />
<a href="alamat blog anda" target="new">apalah namanya</a><br />
<a href="http://alamat blog anda/sub blog " target="new">Tips</a><br />
</marquee>
hasilnya :
STMIK AMIKOM
Tutorial Membuat animasi teks pada Blog
apalah namanya
Tips
Keterangan :
Teks
pada contoh 6 di atas selain bergulir juga sekaligus dapat di
koneksikan (link) ke alamat situs atau halaman lain. Anda tinggal
mengganti huruf yang berwarna biru sesuai dengan yang anda inginkan.
Jadi begitu teks tersebut di klik maka secara otomatis akan langsung
menuju pada sourch yang di tuju pada tab baru.Sedangkan untuk membuat
teks bergulir dari atas ke bawah, anda tinggal mengganti kode "up" yang
berwarna merah menjadi "down"
0 komentar:
Posting Komentar