Kamis, 19 April 2012

0 Cara membuat tulisan berjalan ( Efek marquee )

Chyberart - Tulisan berjalan atau sering disebut dengan Efek marquee adalah suatu program HTML untuk membuat text berjalan baik itu secara horizontal maupun vertikal. Efek marquee ini banyak diminati oleh para blogger karena selain mempercantik tapilan blog Efek marquee juga dapat menarik perhatian pengunjung. text berjalan atau Efek marquee ini biasa digunakan para blogger untuk menampilkan sebuah pesan, link, ataupun banner. Contoh-contoh efek marquee dan cara membuatnya dapat anda lihat disini:

  1. Marquee dasar
  2. kode HTML nya adalah : <marquee>Kalimat Anda</marquee> Hasilnya adalah seperti ini : Kalimat Anda
  3. Marquee yang bergerak dari kiri kekanan
  4. kode HTML-nya adalah <marquee direction="right">Kalimat Anda</marquee> Hasilnya adalah seperti ini : Kalimat Anda
  5. Marquee yang berjalan kekiri dan kekanan
  6. Kode HTML-nya adalah : <marquee behavior="alternate">Kalimat Anda</marquee> Hasilnya adalah seperti ini : Kalimat Anda
  7. Marquee dari kanan ke kiri, tapi saat mouse berada diatas tulisan makan tulisan akan berhenti
  8. Kode HTML-nya adalah : <marquee onmouseover="this.stop()" onmouseout="this.start()">Kalimat Anda</marquee> Hasinya adalah seperti ini : Akan berhenti saat mouse diatas kalimat Anda
  9. Morquee yang berjalan kekiri dan kekanan tetapi kecepatan gerak text dapat anda atur
  10. Kode HTML-nya adalah : <marquee behavior="alternate" scrollamount="18">Kalimat Anda</marquee> Hasinlnya adalah seperti ini: Kalimat Anda
  11. Marquee yang bergerak dari bawah keatas
  12. Kode HTML-nya adalah : <marquee direction="up">Kalimat Anda</marquee> Hasinya adalah seperti ini : Kalimat Anda
  13. Marquee dengan pembatas dan tilisan anda akan berhenti saat mos diatasnya
  14. Kode HTML-nya adalah : <marquee direction="up" onmouseover="this.stop()" width="200" scrollamount="3" onmouseout="this.start()" height="100">Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br> </marquee> Hasilnya adalah seperti ini : Kalimat Anda
    Kalimat Anda
    Kalimat Anda
    Kalimat Anda
    Kalimat Anda
    Kalimat Anda
  15. Marquee yang bergerak kebawah tanpa kode mouseover
  16. Kode HTML-nya adalah : <marquee direction="down" width="200" scrollamount="4" height="100">Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br> </marquee> Hasilnya adalah seperti ini : Kalimat Anda
    Kalimat Anda
    Kalimat Anda
    Kalimat Anda
    Kalimat Anda
    Kalimat Anda
  17. Yang terakhir adalah Marquee dengan perintah "Center" agar tulisan berada ditengah
  18. Kode HTML-nya adalah : <center> <marquee direction="up" onmouseover="this.stop()" width="200" scrollamount="1" onmouseout="this.start()" height="100">Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br>Kalimat Anda<br> </marquee> </center> Hasilnya adalah seperti ini :
    Kalimat Anda Kalimat Anda Kalimat Anda Kalimat Anda Kalimat Anda Kalimat Anda
 Itulah beberapa contoh  Efek Marquee atau Tulisan Berjalan. Dari beberapa contoh diatas saya arasa anda sudah paham mengenai Kode-kode HTML untuk efek marquee diatas jadi sailahkan kereasikan sesuai dengan keinginan anda.

SELAMAT MENCOBA DAN TERIMA KASIH

0 komentar:

Poskan Komentar