Membuat Animasi Teks pada Blog atau Website
1.
Membuat Teks berkedip
Misalnya anda ingin
membuat text :
" APA KABAR
??? " ini berkedip.
maka perintahnya adalah : <blink>Text </blink>:
maka perintahnya adalah : <blink>Text </blink>:
<head>
<body>
<blink> APA KABAR ???</blink>
</body>
</head>
<body>
<blink> APA KABAR ???</blink>
</body>
</head>
2.
Membuat Teks menjadi tebal
<head>
<body>
<blink><b>BERKILAU DAN TEBAL ???</b></blink>
</body>
</head>
<body>
<blink><b>BERKILAU DAN TEBAL ???</b></blink>
</body>
</head>
3. Membuat Teks berjalan
<head>
<body>
<marquee><b>SILAHKAN DICOBA ???</b></marquee>
</body>
</head>
<body>
<marquee><b>SILAHKAN DICOBA ???</b></marquee>
</body>
</head>
4. 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>
<body>
<marquee align="center" direction="right" height="45" scrollamount="2" width="70%">
HALLO APA KABAR ?
</marquee>
</body>
</head>
Note :
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.
5. 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>
<body>
<marquee align="center" direction="left" height="50" scrollamount="5" width="70%" behavior="alternate">
<b>Silahkan di Coba hasilnya ?</b>
</marquee>
</head>
</body>
6. 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>
<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>
Note :
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