Membuat Efek Marque ( teks berjalan )

Berikut Beberapa macam efek marque atau teks berjalan:

  • Contoh marque dasar
Kalimat Anda
caranya dengan menambah code berikut:
<marquee>Kalimat Anda</marquee>
  • Contoh marquee yang berjalan dari kiri ke kanan
Kalimat Anda
<marquee direction="right">Kalimat Anda</marquee>

  • Berjalan Kekanan dan kekiri tanpa pembatas
Kalimat Anda

Cara menulisnya :
<marquee behavior="alternate">Kalimat Anda</marquee>
  • Berjalan dari kanan ke kiri, tapi akan berhenti saat mouse berada diatas tulisan tersebut
Kalimat Anda Berhenti saat mouse diatasnya

Cara menulisnya :
<marquee onmouseover="this.stop()" onmouseout="this.start()">Kalimat Anda</marquee>
  • Ini contoh marquee kanan kiri dengan kecepatan yang bisa di atur dengan menambahkan perintah "Scrollamount"
Kalimat Anda Dengan kecepatan

Cara menulis :
<marquee behavior="alternate" scrollamount="18">Kalimat Anda</marquee>
Anda bisa mengatur kecepatan sesuai selera anda dengan mengganti value atau angka pada kata scrollamout
  • Ini contoh marquee ke atas
    Kalimat anda bergerak keatas
Cara menulis :
<marquee direction="up">Kalimat Anda</marquee>
  • Kalau sekarang marquee dengan pembatas biasanya untuk kata/kalimat yang berurutan, agar tidak terlalu memakan tempat, bergerak keatas dan akan berhenti saat mouse anda berada diatasnya
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda


Cara menulis :

<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>
  • Ini kalau ke bawah tanpa kode muoseover
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda

Cara menulisnya :
<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>
Ini dengan perintah "center" agar tulisan berada di posisi tengah form/bingkai :
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Cara menulisnya :
<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>
Semoga bermanfaat!








Sumber by : http://amatullah83.blogspot.com/


--------------------------------------------------------------------------------------------


Bingung mau ngasih judul apa, maksud anaa jika Ingin link tersentuh pointer menjadi huruf besar, bekedip kedip warna pelangi dan backgroundnya seperti kembang api atau bintang bertaburan (contohnya seperti di blog ini).

Berikut cara buatnya:





  • Loggin ke blogger
  • Klick layout atau tata letak
  • Edit HTML
  • Cari code berikut:
hover
  • Untuk memudahkan tekan ctrl+F, hasilnya akan banyak.
  • Setelah ketemu tambahkan code berikut sejajar pada setiap code tadi.
{ color: #00FFFF; text-transform: uppercase; font-weight: bolder; font-size: 20px; background-image: url(http://i27.tinypic.com/2626vyh.jpg); }
  • Silahkan edit codenya sesuai selera anda, font size, image backgroud dan warna font, untuk code warna bisa lihat disini
  • Jangan lupa save, simpan template!
Kalau ingin linknya berkedip warna pelangi lihat disini






Sumber by : http://amatullah83.blogspot.com/