Cara Membuat Efek Marquee di Blog

Tips BloGGeR dan Tutorial BloGGeR tentang cara menciptakan efek teks berjalan atau marquee effec Di BLOG

Cara Membuat Efek marquee( Teks Berjalan) :

1. Bentuk Dasar Penulisan Kode :  Kode html teks berjalan dituliskan sebagai berikut :
<marquee> Di sini letak teks yang akan ditampilkan !!! </marquee>
2. Bentuk Dasar Efek Ganda ME : Untuk pembuatan efek teks berjalan mempunyai bentuk dasar penulisan kode html sebagai berikut :
<marquee><marquee> Posisi Teks di sini! </marquee></marquee>
3. Contoh : Bentuk Kode HTML Efek Ganda ME dalam bentuk yang sebenarnya adalah seperti contoh berikut ini.
<marquee behavior=”scroll” direction=”left” scrollamount=”3″> <marquee behavior=”scroll” direction=”up” height=”60″> Di sini letak teks yang akan ditampilkan !!! </marquee></marquee>
Kode HTML di atas akan membuat teks berjalan kearah atas-kiri membentuk gerakan menyamping ke kiri dengan sudut 45′ dengan tinggi=60px.
<marquee behavior=”scroll” direction=”right” scrollamount=”3″ width=”200″> <marquee behavior=”scroll” direction=”up” height=”60″> Di sini letak teks yang akan ditampilkan !!! </marquee></marquee>
Kode HTML di atas akan membuat teks berjalan kearah atas-kanan membentuk gerakan menyamping ke kanan dengan sudut 45′, tinggi=60px dan lebar 200px.
<marquee behavior=”scroll” direction=”left” scrollamount=”2″ width=”400″> <marquee behavior=”scroll” direction=”down” height=”50″> Di sini letak teks yang akan ditampilkan !!! </marquee></marquee>
Kode HTML di atas akan membuat teks berjalan kearah bawah-kiri membentuk gerakan menyamping ke kiri dengan sudut 45′, tinggi=50px, lebar=400px dan kecepatan=2.
<marquee behavior=”scroll” direction=”left” scrollamount=”3″ width=”400″> <marquee behavior=”alternate” direction=”up” height=”60″> Di sini letak teks yang akan ditampilkan !!! </marquee></marquee>
Kode HTML di atas akan membuat teks berjalan kearah kiri membentuk gerakan bounce dengan tinggi=60px, lebar=400px dan kecepatan=3.
<marquee behavior=”scroll” direction=”right” scrollamount=”1″ width=”400″> <marquee behavior=”alternate” direction=”down” height=”60″> Di sini letak teks yang akan ditampilkan !!! </marquee></marquee>
Kode HTML di atas akan membuat teks berjalan kearah kanan membentuk gerakan bounce dengan tinggi=60px, lebar=400px dan kecepatan=1.
<marquee behavior=”scroll” direction=”right” scrollamount=”2″ width=”400″> <marquee behavior=”alternate” direction=”up” height=”60″> <h3>Di sini letak teks yang akan ditampilkan !!!</h3> </marquee></marquee>
Kode HTML di atas akan membuat teks berjalan kearah kanan membentuk gerakan bounce dengan pengatur tinggi (height) dan lebar (width), kecepatan serta pembentuh teks tebal-besar (h3).
<marquee behavior=”scroll” direction=”right” scrollamount=”2″ width=”400″> <marquee behavior=”alternate” direction=”up” height=”180″> <img src=”http://i36.tinypic.com/ml0dah.gif” style=”padding:4px;border:2px solid #444;height:75px;width:150px;”/> </marquee></marquee>
ME dengan efect bounce dengan memanfaatkan gambar sebagai obyek yang ditampilkan .
4. Behavior=”alternate” : Berfungsi untuk membentuk efek bounce.
5. Direction : Berfungsi untuk mengatur gerakan teks ke arah yang diinginkan : arah kanan (right), kiri (left), atas (up) dan bawah (down).
6. Height dan Width : Untuk mengatur ketinggian dan lebar ME.
7. Beberapa kode html yang lain bisa ditambahkan untuk mendapatkan tampilan ME yang lebih cantik, seperti untuk menampilkan dalam sebuah box misalnya.

tes