Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan menggunakan efek marquee- Mungkin banyak diantara sahabat blogger yang
telah dulu mengenal dan memahami apa itu marquee ?, berhubung saya masih
pemula di dunia blogging dan juga baru mengenal kata MARQUEE gak ada
salahnya saya share beberapa model efek marquee di artikel kali ini,
ya... hitung-hitung memperbanyak koleksi perkenalan kode marquee ke
sahabat lain gitu..!! hehe..
Ok..! dech tanpa basa-basi lagi langsung aja kita meluncur ke topik Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan di bawah ini :
Cara Membuat Teks Berjalan Dan Bergerak Dengan Efek Marquee -
yang kita kenal sebagai marquee itu menggunakan perkodean CSS HTML,
marquee menyisipkan kode script yang mana awal kode scriptnya <marquee> dan akhiri dengan kode script penutup </marquee>
<< MACAM >><< MACAM >>
EFEK KODE MARQUEE
- Marquee tanpa Atribut -
Silahkan tinggal di copy aja kode html dibawah ini
<*marquee>TEKS INI AKAN BERJALAN</marquee>
Hasilnya :KALIMAT INI AKAN BERJALAN
Marquee dengan Atribut
- Scrollamount = Kecepatan kalimat, semakin besar angka maka kalimat berjalan cepat
- Direction = Pengaturan gaya arah kalimat berjalan
- Bgcolor = Pengaturan warna kalimat atau Teks berjalan
- Behavior = Pengaturan gaya kalimat bejalan
- Scrolldelay = Pengaturan gaya kalimat yang ditentukan dengan detik/mil
- Marquee dengan Atribut -
Silahkan tinggal di copy aja kode html dibawah ini
<*marquee scrollamount="100">TEKS INI AKAN BERJALAN</marquee>
<*marquee direction="left" scrollamount="10">TEKS INI AKAN BERJALAN</marquee>
<*marquee behavior="alternate" scrollamount="15">TEKS INI AKAN BERJALAN</marquee>
<*marquee direction="right"scrollamount="10">TEKS INI AKAN BERJALAN</marquee>
<*marquee direction="right" scrollamount="100">TEKS INI AKAN BERJALAN</marquee>
<*marquee bgcolor="red">TEKS INI AKAN BERJALAN</marquee>
Hasilnya :
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN
- Marquee dengan penggabungan beberapa Atribut -
Silahkan tinggal di copy aja kode html dibawah ini
<*marquee loop="5">KALIMAT INI AKAN BERJALAN</marquee>
<*marquee direction="right" style="background-color: green;"
width="125">KALIMAT INI AKAN BERJALAN</marquee><marquee
direction="left" style="background-color: blue;" width="125">KALIMAT
INI AKAN BERJALAN</marquee>
<*marquee style="font-style: italic;">KALIMAT MIRING AKAN BERJALAN</marquee>
Hasilnya :
KALIMAT INI AKAN BERJALAN 5X SETELAHNYA AKAN HILANG
KALIMAT INI AKAN BERJALANKALIMAT INI AKAN BERJALAN
KALIMAT MIRING AKAN BERJALAN
- Marquee dengan penggabungan Atribut sesuai perintah Klik Mouse -
Silahkan tinggal di copy aja kode html dibawah ini
<*marquee onmouseout="this.start()" onmouseover="this.stop()">KALIMAT INI AKAN BERJALAN</marquee>
<*marquee direction="up" height="30" onmouseout="this.start()"
onmouseover="this.stop()" scrollamount="3" width="200">KALIMAT INI
AKAN BERJALAN</marquee>
<*marquee direction="down" height="30" onmouseout="this.start()"
onmouseover="this.stop()" scrollamount="3" width="200">KALIMAT INI
AKAN BERJALAN</marquee>
Hasilnya :
KALIMAT INI AKAN BERJALAN
KALIMAT INI AKAN BERJALAN
KALIMAT INI AKAN BERJALAN
- Marquee dengan perpaduan Atribut Style -
Silahkan tinggal di copy aja kode html dibawah ini
<*marquee direction="right" scrollamount="225" width="200">KALIMAT INI AKAN BERKEDIP</marquee>
<*marquee scrollamount="200" width="180">KALIMAT INI AKAN BERKEDIP</marquee>
<*marquee scrollamount="1">Kembali ke <a href="http://
syakirah azzahrah.blogspot.com/2014/05/mempercantik-tampilan-blog-dengan-membuat-teks-berjalan.html" target="_blank">
Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan</a><marquee>
Hasilnya :
KALIMAT INI AKAN BERJALAN
KALIMAT INI AKAN BERJALAN
Kembali ke
Mempercantik Tampilan Blog Dengan Membuat Teks Berjalan
= Salam Blogger =