1. Membuat Teks berkedip
Misalnya anda ingin membuat text :
" APA KABAR ??? " ini berkedip. maka perintahnya adalah : <blink>Text </blink>:
<head> <body> <blink> APA KABAR ???</blink> </body> </head>
2. Membuat Teks menjadi tebal
<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>
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>
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>
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>
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".
dikutip dari : materi pemrograman web stmik amikom
Misalnya anda ingin membuat text :
" APA KABAR ??? " ini berkedip. maka perintahnya adalah : <blink>Text </blink>:
<head> <body> <blink> APA KABAR ???</blink> </body> </head>
2. Membuat Teks menjadi tebal
<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>
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>
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>
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>
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".
dikutip dari : materi pemrograman web stmik amikom
0 komentar:
Posting Komentar