Rabu, 27 Februari 2013

Cara Membuat Variasi Text Bergerak / Berjalan (Marquee) untuk Blog atau Website




Cara Membuat Variasi Text Bergerak / Berjalan (Marquee) untuk Blog atau Website






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>
http://bienaaabi.blogspot.com

2� Bergerak dari kiri ke kanan


 <marquee direction="right"> Kata / kalimat yang akan ditampilkan </marquee>


http://bienaaabi.blogspot.com


3� Bergerak dari kanan ke kiri dan dari kiri ke kanan

 <marquee behavior="alternate"> Kata / kalimat yang akan ditampilkan </marquee>


http://bienaaabi.blogspot.com

4� Bergerak dari bawah ke atas

 <marquee direction="up">Kata / kalimat yang akan ditampilkan</marquee>


http://bienaaabi.blogspot.com

5� Bergerak dari Atas ke Bawah

 <marquee direction="down"> Kata / kalimat yang akan ditampilkan   </marquee>

http://bienaaabi.blogspot.com
6� Bergerak dari bawah ke atas  dan dari Atas ke Bawah
 <marquee behavior="alternate" direction="up">Kata / kalimat yang akan ditampilkan </marquee>

http://bienaaabi.blogspot.com
 7� Bergerak   Zigzag
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right"> Kata / kalimat yang akan ditampilkan  </marquee></marquee> 
http://bienaaabi.blogspot.com
8� Marquee dengan background warna

 <span style="color: white;"><marquee direction="left" style="background: RED;">Kata / kalimat yang akan ditampilkan</marquee></span>

http://bienaaabi.blogspot.com

9� Marquee dengan Border
<marquee style="border: BLUE 2px SOLID;">Kata / kalimat yang akan ditampilkan</marquee>

http://bienaaabi.blogspot.com


tags : Berbagai variasi text berjalan, cara membuat text / kalimat bergerak ,

Tidak ada komentar:

Posting Komentar