Cara Membuat Efek Marquee - Efek marquee atau teks dengan efek berjalan ini banyak kita jumpai di blog orang lain. Banyak macam efek marquee seperti teks yang bergerak dari kanan dan kekiri, teks bisa bergerak ke atas dan kebawah atau teks akan berhenti apabila mouse diarahkan dan masih banyak efek marquee yang sering dijumpai di blog lainnya. Efek marquee ini untuk cara memasangnya bisa di dalam postingan atau di sidebar blog, jadi terserah mau diletakkan dimana sesuai selera anda.
Karena tampilan efek marquee ini begitu menarik maka banyak para blogger yang senang memasang efek marquee di blog dan dapat menghemat ruang di halaman blog. Untuk membuat efek marquee ini biasanya diawali dengan tag <marquee> dan penutupnya dengan tag </marquee> dan atribut yang dipakai seperti :
- direction => mengatur arah gerakan
- behavior => mengatur gerakan
- slide => teks bergerak dan berhenti
- alternate => teks bergerak dari kiri dan kekanan
- scroll => teks bergerak berputar
- scrollmount => mengatur kecepatan gerakan (makin besar angkanya maka gerakan makin cepat)
- scrolldelay => mengatur waktu gerakan
- loop => mengatur jumlah loop
- bgcolor => mengatur background teks
- width = mengatur lebar blok teks
Macam-macam efek marquee :
1. Efek Marquee bergerak dari kanan ke kiri
<marquee align="center" direction="right" height="200" scrollamount="2" width="30%">
marquee dari kanan ke kiri
</marquee>
Hasilnya seperti dibawah ini :
Keterangan : silahkan ubah right dengan : left atau up atau down
2. Efek marquee bergerak ke bolak-balik
<marquee align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">
Marquee bergerak ke kanan dan ke kiri
</marquee>
Hasilnya seperti dibawah ini :
3. Efek marquee berhenti jika mouse diarahkan
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">
Silahkan arahkan mouse disini
</marquee>
Hasilnya seperti dibawah ini :
4. Efek Marquee dengan link didalamnya
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://lintas-tutor.blogspot.com" target="new">Terlintas</a>
</marquee>
Hasilnya seperti dibawah ini :
Demikianlah tutorial mengenai cara membuat efek marquee di blog, silahkan diotak-atik sendiri.
Related Posts
tutorial blog
- How to Use Pokespy
- Cara Membuat Link Download dari MediaFire
- Menambah Elemen Sidebar Sebelah Kiri di Blogspot
- Cara Mendaftar Blog ke Dmoz
- Begini Cara Daftar Blog di Technorati
- Cara Claim Token Di Technorati
- Menyembunyikan Titel Blog Untuk Diganti Logo Di Header
- Membuat Header dan Menu Navigasi Tidak Bergerak (Tetap Diatas)
- Membuat Ruang Posting Blog Menjadi 2 Kolom Di Homepage
- Static Pages Blogger Bermasalah? Solusinya Begini
- Memasang Widget Cek No Resi JNE, TIKI, Pos Indonesia
- Membagi Elemen Postingan Blog Menjadi Dua Kolom Tanpa Edit HTML
- Cara Mengganti Template Baru di Blogspot
- Cara Membuat Tabel dan Thumbnail di Postingan Blog
- Cara Membuat Artikel Terbaru Dengan Thumbnail di Blogspot
- Membuat Related Posts Dengan Thumbnail di Bawah Postingan
- Cara Mengganti Warna Link di Blogspot
- Cara Memberi Tombol Scroll di Kotak Komentar Blog
- Cara Membuat Related Posts Super Cepat
- Cara Pasang Tombol Spoiler di Komentar Blogspot Versi 2
- Cara Memasang Google Translate di Blog
- Cara Membuat Blockquote di Postingan Blog
- Inilah Widget Random Post Fast Loading Plus Thumbnail
- Merubah Tampilan Blog Yang Berbeda Pada Homepage dan Halaman Posting