RSS

Kamis

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

Mungkin tips ini sudah Sangat Basi Bagi Blogger tapi tak apalah untuk kita share kembali buat para pemula

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

1 komentar: