Wednesday, February 9, 2011

Membuat Efek Marquee (Text Berjalan)


Efek Marquee merupakan efek untuk membuat text bergerak atau berjalan. Efek Marquee biasa digunakan untuk menghemat area penulisan dan juga untuk membuat tampilan text terlihat dinamis.
Marquee menggunakan tag <marquee>...</marquee>
Ada beberapa atribut yang sering digunakan dalam penulisan kode HTML text Marquee :

BGCOLOR="warna" ini untuk mengatur warna background

DIRECTION="left/right/up/down" untuk mengatur arah pergerakan text

BEHAVIOR="scroll/slide/alternate" untuk mengatur perilaku gerakan
scroll = text akan bergerak memutar
slide = text akan bergerak sekali lalu berhenti
alternate = text akan bergerak dari kiri ke kanan lalu balik lagi (bolak-balik)

TITLE="pesan" pesan akan muncul saat mouse berada pada text

SCROLLAMOUNT="angka" untuk mengatur kecepatan gerakan dalam pixel, semakin besar angka, maka semakin cepat gerakan

SCROLLDELAY="angka" untuk mengatur waktu tunda dalam ukuran mili detik

LOOP="angka|-1|infinite" untuk mengatur jumlah loop

WIDTH="lebar" untuk mengatur lebar blok text dalam pixel atau pesan

Berikut ini contoh marquee menurut gerakan :
<marquee align="center" direction="right" height="100" scrollamount="2" width="30%">
marquee dari kiri ke kanan
</marquee>

Hasilnya :


marquee dari kiri ke kanan


Berikut ini contoh marquee dari menurut perilaku :
<marquee align="center" direction="right" height="100" scrollamount="2" width="70%" behavior="alternate">
marquee menurut perilaku
</marquee>

Hasilnya :


marquee menurut perilaku


Berikut ini contoh marquee dengan variasi huruf dan warna latar belakang :
<div align="left"><FONT FACE="georgia" color="white"><b><marquee BGCOLOR="Blue" width="70%" scrollamount="3" behavior="alternate">
marquee variasi huruf dan warna background
</marquee></b></Font></div>

Hasilnya :

marquee variasi huruf dan warna background


Berikut ini contoh marquee, ketika mouse diletakkan pada text, maka text akan berhenti dan akan bergerak lagi bila mouse digeser :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="100" align="center">
silahkan arahkan mouse ke sini
</marquee>

Hasilnya :

silahkan arahkan mouse ke sini

Berikut ini contoh marquee yang di dalamnya terdapat link :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamout="2" direction="up" width="100%" height="100" align="center">
<a href="http://bloggerdasar.blogspot.com" target="new">Panduan Belajar Blogspot</a>
</marquee>

Hasilnya :

Panduan Belajar Blogspot


Saya rasa cukup sampai disini pembahasan efek marquee, saya percaya teman sekalian bisa membuat variasi yang lebih baik lagi.
Silahkan dicoba

Comments :

9 comments to “Membuat Efek Marquee (Text Berjalan)”

Panduan Belajar Blogspot said...
on 

Membuat Efek Marquee (Text Berjalan)
http://bloggerdasar.blogspot.com/2011/02/membuat-efek-marquee-text-berjalan.html

Opsikom said...
on 

Salam kenal juga gan and thanks atas kunjungannya, sory mau tanya diluar topik nih! biasanya blog saya terindeks dengan cepat oleh google. tapi 3 hari ini belum terindeks. dimana letak kesalahan saya thanks.

Panduan Belajar Blogspot said...
on 

@Opsikom :Coba lakukan On Page&Off Page Optimization :
1. Cara OnPage Optimization. Coba lihat postingan saya yang ini
http://bloggerdasar.blogspot.com/2010/11/tips-dan-trik-seo-search-engine.html

2. Cara OffPage Optimization
http://bloggerdasar.blogspot.com/2010/11/tips-dan-trik-seo-search-engine_25.html

Ga ketinggalan, coba daftarkan blognya di google webmaster:
http://www.google.com/webmasters/

Semoga sarannya bermanfaat :)

Opsikom said...
on 

Thanks bro, tapi maaf nih, apa yang anda sarankan telah saya lakukan sebelumnya, apakah mungkin blog saya masuk ke google sandbox

Panduan Belajar Blogspot said...
on 

thanks bro buat infonya,untuk pengalaman langsung dgn google sandbox, saya belum ada. tapi kemarin saya cek di google webmaster, ternyata ada masalah juga dengan blog saya,ini lagi ditelusuri
sekedar info,tadi saya coba search buat penanganan sandbox, menurut para blogger senior hampir sama dengan cara meningkatkan PR & traffik, supaya blog kita cepat terindex lagi. pengalaman mereka biasa terkena 1 mgg, bahkan ada yg mpe 6 bulan (serem jg y :p)
kalo ketemu info baru, tolong kabarin juga ya...thanks

hackzy blog said...
on 

gan mau req bole gak??
tlong gan posting kan tutorial daftar TLD -top level domain buat blogspot dan cara seting nya, pake somain lokal ajah yang murah,,

text berjalan ini bisa gak di seting di wordpress?

*mohon pencerahan nya gan

Panduan Belajar Blogspot said...
on 

@hackzy: thanks buat saran untuk posting tutorial TLD,sepertinya menarik :)
untuk marquee text, setahu saya bisa juga dipake di wordpress.

hackzy tech blog said...
on 

gan oleh gak titip iklan adsense di blog agan?
kalo mau konfrim saya lewat email, di contact US blog saya

ntar scrip nya saya kirim, blog agan pantes di pasang adsense

Panduan Belajar Blogspot said...
on 

@hackzy: thanks buat tawarannya.nanti saya contact anda langsung ^^

Post a Comment

- Maaf, untuk sementara blog menjadi no follow sampai tahun depan
- Komentar sobat akan langsung tampil
- Hindari komentar berbau SARA dan SPAM (mohon tidak menulis alamat blog di kolom komentar)
- Bila dilanggar, maafkan saya bila terpaksa menghapus komentar sobat
- Silahkan berkomentar ^_^
- Terima kasih

 

Copyright © 2009 by Panduan Belajar Blogspot

Template by Blogger Templates | Powered by Blogger