Membuat Efek Marque ( teks berjalan )
Berikut Beberapa macam efek marque atau teks berjalan:
- Contoh marque dasar
caranya dengan menambah code berikut:
<marquee>Kalimat Anda</marquee>
- Contoh marquee yang berjalan dari kiri ke kanan
<marquee direction="right">Kalimat Anda</marquee>
- Berjalan Kekanan dan kekiri tanpa pembatas
Cara menulisnya :
<marquee behavior="alternate">Kalimat Anda</marquee>
- Berjalan dari kanan ke kiri, tapi akan berhenti saat mouse berada diatas tulisan tersebut
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"
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
<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
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
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>Ini dengan perintah "center" agar tulisan berada di posisi tengah form/bingkai :
</marquee>
<center>Semoga bermanfaat!
<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>
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!
Sumber by : http://amatullah83.blogspot.com/