Rabu, 11 Maret 2015

Cara Membuat Teks Berjalan di Web dan Blog


Berikut beberapa cara agar Blog atau Webstite Anda lebih menawan :
MARI BELAJAR BERSAMA, SEMOGA BERMANFAAT ..
1. Membuat Teks berkedip

Misalnya anda ingin membuat text :
" MOHON MAAF LAHIR BATHIN " ini berkedip. maka perintahnya adalah : <blink>Text </blink>:
<head> <body> <blink> MOHON MAAF LAHIR BATHIN </blink> </body> </head>
  
2. Membuat Teks menjadi tebal
<head> <body> <blink><b>MOHON MAAF LAHIR BATHIN</b></blink> </body> </head>

3. Membuat Teks berjalan

<head> <body> <marquee><b>MEMAAFKAN ITU MULIA</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%"> MOHON MAAF LAHIR BATHIN </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>MEMAAFKAN ITU MULIA</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".  
Referensi : amikom.ac.id


Demoshow..

1. Membuat Teks berkedip

Misalnya anda ingin membuat text :
" MOHON MAAF LAHIR BATHIN " ini berkedip. maka hasilnya adalah : :
MOHON MAAF LAHIR BATHIN
2. Membuat Teks menjadi tebal

MEMAAFKAN ITU MULIA
3. Membuat Teks berjalan

MOHON MAAF LAHIR BATHIN
4. Membuat Teks berjalan dari kiri ke kanan
MOHON MAAF LAHIR BATHIN
.

5. Membuat teks berjalan ke kiri dan kembali ke kanan :
MEMAAFKAN ITU MULIA

6. Membuat Teks berjalan / bergulir dari atas ke bawah atau sebaliknya :
MOHON MAAF LAHIR BATHIN
MOHON MAAF LAHIR BATHIN
MOHON MAAF LAHIR BATHIN
JAZAKUMULLAH KHOIRON KATZIRO

Tidak ada komentar:

Posting Komentar