Cara Membuat Judul Blog Berjalan

Membuat Tulisan Berjalan Marquee
Selasa, Juli 27, 2010 MaRLiF 2 Komentar

Tulisan berjalan sering dipakai para blogger untuk menghias blognya agar lebih menarik. karena dengan efek tulisan berjalan ini blog kita kelihatan menjadi lebih hidup dan juga lebih menarik. kalau masih ada yang belum bisa membuat tulisan berjalan pada blognya silahkan belajar disini ya... gratis kok....


Tulisan berjalan sebenarnya tirdiri dari dua code dasar.Dibuka dengan kode <marquee> dan ditutup dengan kode </marquee> tapi jika kita ingin mengolahnya lebih banyak bentuk berjalannya maka itulah disini yang mau aku share ke teman2....


   1. Tulisan berjalan dalam bentuk dasar (dari kanan ke kiri)
      Kode ==>> <marquee> contoh </marquee>
      Hasilnya ==>> contoh



   2. Mengatur Tulisan Berjalan dari arah mana tulisan berjalan mulai / muncul (kanan,atas,bawah)
      dengan cara menambahkan kode direction

      Kode :
      <marquee direction="right">TULISAN BERJALAN KANAN</marquee>
      <marquee direction="up">TULISAN BERJALAN NAIK</marquee>
      <marquee direction="down">TULISAN BERJALAN TURUN</marquee>



      Hasil kode diatas :

      TULISAN BERJALAN KANAN
      TULISAN BERJALAN NAIK
      TULISAN BERJALAN TURUN

   3. Mengatur kecepatan Tulisan berjalan

      Yaitu dengan menambahkan kode scrollamount

      Contoh Kode :

      <marquee scrollamount="10">TULISAN BERJALAN 10</marquee>
      <marquee scrollamount="20">TULISAN BERJALAN 20</marquee>
      <marquee scrollamount="30">TULISAN BERJALAN 30</marquee>


      Hasil kode diatas :

      TULISAN BERJALAN 10
      TULISAN BERJALAN 20
      TULISAN BERJALAN 30



   4. Membuat tulisan berjalan bolak - balik dengan cara menambahkan kode ehavior="alternate"

      Contoh kode :

      <marquee behavior="alternate">TULISAN BOLAK-BALIK</marquee>

      Hasil kode diatas :

      TULISAN BOLAK-BALIK


   5. Membuat tulisan berjalan berhenti ketika disentuh cursor

      dengan cara menambahkan kode onmouseover="this.stop()" onmouseout="this.start()"
      Contoh kode :

      <marquee onmouseover="this.stop()" onmouseout="this.start()">TULISAN BERHENTI DULU</marquee>

      Lihat Hasilnya :

      TULISAN BERHENTI DULU


   6. Membuat tulisan berjalan dengan warna bacground

      dengan cara menambahkan kode bgcolor="warna" atau bgcolor="#kode warna" dan juga bisa mengatur warna text dengan kode style="color:warna" .


      Contoh kode :

      <marquee bgcolor="green" style="color:white">Warna text putih bacground hijau</marquee>

      Lihat Hasilnya :

      Warna text putih bacground hijau


   7. Contoh pengembangan efek tulisan berjalan lainnya :

      Contoh kode :
      <marquee behavior="alternate"><marquee width="150">TULISAN BERJALAN</marquee></marquee>

      Lihat hasilnya :
      TULISAN BERJALAN

      Kode :
      <marquee behavior="alternate" width="10%">>></marquee>CONTOH PANAH<marquee behavior="alternate" width="10%"><<</marquee>

      Hasil :
      >>CONTOH PANAH<<


      Kode :
      <marquee style="border:green 2px SOLID">CONTOH TEXTS</marquee>