Tuesday, October 20, 2009

Text berjalan dan text berkedip dengan HTML

text berjalanPenampilan suatu website atau blog sangat berpengaruh bagi pengunjung untuk mampir lebih lama bahkan untuk berkunjung kembali dimasa yang akan datang bahkan tidak sedikit dari pengunjung yang tertarik untuk mem-bookmark situs tersebut. Salah satu teknik untuk menyempurnakan penampilan website adalah dengan menyisipkan gambar, video, music, lagu, bahkan animasi text termasuk text berjalan dan text berkedip.
Hal penting yang perlu diperhatikan didalam penempatan animasi adalah mengatur keserasian dan proporsional dari penempatan animasi tersebut karena tidak sedikit pengunjung yang merasa tidak senang dengan animasi yang terlalu banyak disamping penampilan menjadi kurang menarik juga loading page menjadi lebih lama apalagi animasi tersebut tidak sesuai atau sama sekali tidak ada hubungannya dengan konten situs tersebut.

Di bawah ini adalah beberapa contoh animasi text berjalan dan text berkedip dengan HTML sederhana, beberapa kode html dapat anda rubah sesuai selera anda misalnya :

  1. Direction : Arah text (right, left, up, dan down).
  2. Width : Lebar dalam pixel (px) atau persen (%).
  3. Height : Tinggi dalam pixel (px) atau persen (%).
  4. Behavior (alternate) : Jika dihapus text hanya berjalan satu arah.
  5. Scrollamount : Kecepatan (angka).
  6. Onmouseover : Kejadian pada saat mouse mendekati text (lihat contoh).
  7. Onmouseout : Kejadian setelah mouse menjauh dari text.
  8. Font face = Jenis huruf (Georgia, Arial, ...)
  9. Color : Warna text (White, Red, ....atau angka).
  10. BGColor : Warna background (White, red,.....atau angka).
  11. Align : Posisi (center, left, right).
text berkedip

text berjalan

text bergerak

text berjalan

text bergerak

text berjalan

text bergerak

text berjalan

text bergerak

text berjalan


TEXT BERJALAN DARI KIRI KE KANAN

TEXT BERJALAN DARI KANAN KE KIRI

TEXT BERJALAN DARI BAWAH KE ATAS

TEXT BERGERAK DARI BAWAH KE ATAS DAN MELAMBAT SETELAH DIDEKATI MOUSE

TEXT BERJALAN DARI ATAS KE BAWAH

TEXT INI AKAN BERHENTI SAAT MOUSE DIDEKATI