Cara Membuat Variasi Text Bergerak / Berjalan

Salah satu cara untuk menarik perhatian pada suatu kata atau kalimat dalam suatu blog atau website adalah dengan membuat variasi pada kata atau kalimat tersebut.
Diantaranya dengan menggunakan Marquee / text berjalan ( pergerakkan text dari kiri ke kanan atau kanan ke kiri, ke atas ke bawah atau sebaliknya, juga gabungan atau variasi dari keduanya).

Berikut adalah kode html untuk berbagai variasi di dalam Marquee :

1• Bergerak dari kanan ke kiri
<marquee> Kata / kalimat yang akan ditampilkan </marquee>
SISWA SMK NEGERI 1 KWANYAR2• Bergerak dari kiri ke kanan 
<marquee direction="right"> Kata / kalimat yang akan ditampilkan </marquee>

SISWA SMK NEGERI 1 KWANYAR
3• Bergerak dari kanan ke kiri dan dari kiri ke kanan 
<marquee behavior="alternate"> Kata / kalimat yang akan ditampilkan </marquee>

SISWA SMK NEGERI 1 KWANYAR
4• Bergerak dari bawah ke atas 
<marquee direction="up">Kata / kalimat yang akan ditampilkan </marquee>

SISWA SMK NEGERI 1 KWANYAR5• Bergerak dari Atas ke Bawah 
<marquee direction="down"> Kata / kalimat yang akan ditampilkan  </marquee>

SISWA SMK NEGERI 1 KWANYAR6• Bergerak dari bawah ke atas  dan dari Atas ke Bawah
<marquee behavior="alternate" direction="up">Kata / kalimat yang akan ditampilkan </marquee>

SISWA SMK NEGERI 1 KWANYAR7•Bergerak Zigzag
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right"> Kata / kalimat yang akan ditampilkan  </marquee></marquee>
SISWA SMK NEGERI 1 KWANYAR
8• Marquee dengan background warna, ubah GREEN dengan warna yg kalian inginkan
<span style="color: white;"><marquee direction="left" style="background: GREEN;">Kata / kalimat yang akan ditampilkan</marquee></span>
SISWA SMK NEGERI 1 KWANYAR
9• Marquee dengan Border, ubah GREEN dengan warna yg kalian inginkan
<marquee style="border: GREEN 2px SOLID;">Kata / kalimat yang akan ditampilkan</marquee>
SISWA SMK NEGERI 1 KWANYAR  
Semuga Bermanfaat dan berhasil.
SMKN 1 KWANYAR  emaNg lebih sEru ..!!!

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS