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

2• Bergerak dari kiri ke kanan

 <marquee direction="right"> Kata / kalimat yang akan ditampilkan </marquee>
http://komputertipstrik.blogspot.com

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

http://komputertipstrik.blogspot.com

4• Bergerak dari bawah ke atas

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

http://komputertipstrik.blogspot.com
5• Bergerak dari Atas ke Bawah
 <marquee direction="down"> Kata / kalimat yang akan ditampilkan   </marquee>
http://komputertipstrik.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://komputertipstrik.blogspot.com
 7• Bergerak   Zigzag
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right"> Kata / kalimat yang akan ditampilkan  </marquee></marquee>
http://komputertipstrik.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://komputertipstrik.blogspot.com

9• Marquee dengan Border
<marquee style="border: BLUE 2px SOLID;">Kata / kalimat yang akan ditampilkan</marquee>
http://komputertipstrik.blogspot.com

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

Smoga bermanfaat.. 

Posting Lainnya :
Remote Desktop Komputer lewat Internet 
Mengaktifkan games standard windows 7
Free Software Untuk Mengecilkan Ukuran File Gambar (PIXresizer)
Cara Setting Gmail di Ms. Outlook

Artikel Terkait