Rabu, 09 Februari 2011

Cara Membuat Tulisan Berjalan (Marquee)

Bagi Para Bloger yang rasa ingin taunya Tinggi,
Mungkin Pernah, Melihat di Blog tetangga yang terdapat Tulisan berjalan atau bisanya di sebut dengan "Marquee", pada penasaran kan?? dan terus nanya sana sini, sampe ahli ilmu Dunia maya, si Mbk google.. :)
Nah.. disini saya Mencoba untuk Memposting bagaimana cara membuat Marquee, ok Lets Follows Me..

To The Point aja ya:

1. Log in ke Blogger
2. Masuk ke Dasbor
3. Pilih Tata Letak
4. Tambah Target / Add As Target (terserah mau di Letakin diMana)
5. Pilih HTML/JavaScript
6. Marquee banyak Jenisnya, saya akan Coba Memaparkan satu-Persatu :)

a. Dasar Marquee


<marquee>Tulisan Anda</marquee>

Example :
Selamat Mencoba


Ok, Sekian... hehe
uPPss.. Bercanda, Masih banyak Lagi, pasti belum Puas kan?
nah.. Kita Juga bisa Mengatur Kecepatannya, bukan dalam Mengendarai ajah, Marquee juga bisa,

b. Mengatur Kecepatan Marquee

<marquee scrollamount="2">Tulisan Anda</marquee>
<marquee scrollamount="3">Tulisan Anda</marquee>
<marquee scrollamount="4">Tulisan Anda</marquee>


Example :

Selamat Mencoba
Selamat Mencoba
Selamat Mencoba


Sudah Lom?? Lom lah ya, Ok Kita lanjutkan lagi yah, Simak lagi nah, pasti masih belum puaskan?, pasti timbul pertanyaan "Bagaimana cara Untuk Merubah Arah Bergeraknya?", hmm.. Jangan Khawatir, ana akan jabarkan lagi :

c. Cara Mengatur Arah Marquee

---Tulisan Bergerak dari Arah Kanan (Right)
<marquee scrollamount="2" direction="right">Tulisan Anda</marquee>

---Tulisan Bergerak dari Arah Atas (Up)
<marquee scrollamount="2" direction="up" width="100%" height="50">Tulisan Anda</marquee>

---Tulisan Bergerak dari Arah Bawah (Down)
<marquee scrollamount="2" direction="down" width="100%" height="50">Tulisan Anda</marquee>

Example :
Selamat Mencoba
Selamat Mencoba
Selamat Mencoba


Khusus untuk perintah arah atas (up) dan bawah (down), sebaiknya kamu menambahkan perintah pengaturan lebar (width) dan tinggi (height) supaya tidak terlalu tinggi atau terlalu pendek.

Nah.. Sudah kan?? Hmmm.. Masih Kurang yah? ok, Sekarang Mari kita Pelajari Bagaimana cara nya Jika Pergerakan nya bisa Bolak-Balik, Jadi Tidak Menghilang ke Arah Lawan nya tadi, Ok.. let's Follow me,

d. Arah Tulisan Bolak-Balik

Biar Tulisan Anda Bisa Bolak Balik, Tinggal Menambahkan behavior="alternate"

<marquee behavior="alternate">Tulisan Anda</marquee>

Example :
Selamat Mencoba


Dan utuk mengatur Kecepatannya, anda Tinggal Mengulang Langkah yang telah di jabarkan tadi di atas. Masih Kurang kan?? hadooWh.. hehe Ok, We will See..

e. Membuat tulisan bergerak menjadi diam dan bergerak lagi

Jika tulisan bergerak kamu ingin diam jika ditunjuk oleh pointer mouse dan bergerak lagi setelah pointer mouse itu dijauhkan maka kamu harus menambahkan onmouseover="this.stop()" (perintah supaya berhenti) dan onmouseout="this.start()" (perintah supaya bergerak lagi) pada perintah-perintah tadi, seperti contoh berikut:

<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">Tulisan Anda"</marquee>

Example :
Selamat Mencoba


Coba Arahkan Mouse/Poninter Anda ke Tulisan Tersebut!!!
Ok, ana Pun Mulai Letih, tapi Untuk Anda yang akan mencoba, ana akan jelaskan satu lagi :

f. Menambahkan background warna

Untuk menambahkan backgound pada tulisan, kamu cukup menambahkan perintah bgcolor="warna" (warna: red, blue, orange, green, dll) atau perintah bgcolor="#kode warna" (mengenai kode warna silahkan baca artikel ini) pada perintah-perintah tadi, seperti contoh berikut:

<marquee behavior="alternate" direction="left" bgcolor="orange"><b>Tulisan Anda</b></marquee>
<marquee behavior="alternate" direction="right" bgcolor="#FDEAE8"><b>Tulisan Anda</b></marquee>


Example :
Selamat Mencoba
Selamat Mencoba


Nah... Sekarang Sudah Jelas kan???, Hmm.. Belum? Adoowh.. hehe
Keep Fighting yaH.. Keep Studying.. Seperti Admin Jugah :)
Selama Mencoba!!!!

Share

Tidak ada komentar:

Posting Komentar