Membuat tulisan berjalan pada blog

CARA MEMBUAT TEXT BERJALAN (MARQUEE)
Mungkin sobat pernah melihat tulisan berkedip di blog....nah itu itu banyak di jumpai tapi bagaimana denga tulisan berjalan di blog???pingin membuatnya. Sekarang saya ingin sedikit berbagi tentang caranya. tulisan berjalan ini dalam bahasa HTML biasa disebut dengan marquee. Pemasangannya terserah kamu, bisa di sidebar atau di postingan blog....Check ki dot...

<marquee>ReX^RooM</marquee>
ReX^RooM

Ini standart marquee agar berjalan dari kanan ke kiri. Kemudian kita bisa mengembangkannya dengan menambah beberapa atribut:

bgcolor=warna
direction=Mengatur arah gerakan (left, right, up, down)
behavior=karakter gerakan (scrol, slide, alternate)
scrol(teks bergerak berputar)
slide(teks bergerak sekali lalu berhenti)
alternate(teks bergerak dari kiri ke kanan lalu balik)
tetle=pesan muncul saat mouse berada di atas teks
scrollamount=mengatur kecepatan gerakan
scrolldelay=mengatur tenggang waktu
loop=mengatur jumlah

Sekarang langsung saja kita pratekkan:

1. Dari arah kiri ke kanan

<marquee direction="right">ReX^RooM</marquee>
ReX^RooM


2. Arah bolak-balik

<marquee behavior="alternate">ReX^RooM</marquee>
ReX^RooM


3. Dari kanan ke kiri dengan kecepatan "15"

<marquee direction="right" scrollamount="15">ReX^RooM</marquee>
ReX^RooM


4. Arahkan mouse text berhenti
 <marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">ReX^RooM</marquee>
ReX^RooM

5. Jika ingin turun atau naik tinggal ganti direction="down" atau "up"

<marquee direction="down" width="100%" height="100">ReX^RooM</marquee>
ReX^RooM


6. Dengan latar belakang warna

<marquee width="50%" bgcolor="orange">ReX^RooM</marquee>
ReX^RooM


7. Dengan latar belakang warna bolak-balik

<marquee scrollamount="3" behavior="alternate" width="70%" bgcolor="red">ReX^RooM</marquee>
ReX^RooM

8. Dengan gambar atau foto

<marquee scrollamount="3" scrolldelay="10" width="50%" height="10%"><img src="http://s.myniceprofile.com/myspacepic/466/th/46602.gif" /></div</marquee> 


Setelah beberapa contoh diatas pasti kamu sudah mengerti. Selanjutnya.......

Cara memasang tulisan berjalan di blog

Bila kamu bertanya, sesudah membuat kode marquee lalu untuk di pasang di blognya bagaimana? Tentu jawabannya ya terserah kamu mau di pasang di mana. Namun, sebagai contoh berikut adalah cara memasang kode marquee di sidebar blogger.
1. Silahkan login ke bloggersobat.
2. Tata Letak > Tambah Gadget > pilih HTML/Javascript 
3. Masukkan kode marquee yang telah sobat buat
4. Klik tombol Simpan
5. Selesai.
Sedangkan untuk memasang di postingan, tinggal kode yang sudah kita buat di copy kemudian kita pindah dari tampilan Compose ke tampilan HTML. Selanjutnya paste-kan kode yang sudah kita copy ditempat yang kita inginkan dibawah kode <br /> 

Related Post: