Minggu, 15 Mei 2011

Cara Membuat Marquee (Teks Bergerak)

telah ane publish tentang Cara Membuat Favicon di Blogger , skarang ane akan mempublish artikel tentang Cara membuat text berjalan atau marquee

Apa itu Marquee? Marquee adalah text berjalan yg biasanya kita liat di website yg berisi pengumuman ataupun Informasi. Program html marquee ini berguna bukan saja untuk menarik tamu yg datang agar memperhatikan apa yg tertulis di dalamnya tapi juga berfungsi untuk menghemat ruang (space) sidebar kita sehingga lebih efektif dan efisien. Bagaimana cara membuat marquee?
Cara membuatnya mudah. Cukup Anda copy dan paste code html berikut ke sidebar blog atau di manapun sesuai keinginan Anda:

MARQUEE align=”center” direction=”up” height=”200″ scrollamount= “2″
onmouseover=’this.stop()’ onmouseout=’this.start()’ width=”80%”>
(teks atau link tulis di sini)/MARQUEE
Contoh Marquee untuk link (copy & paste dan ganti contoh link sesuai keinginan Anda) :
Tambahkan tanda < > di depan dan belakang tiap script.
MARQUEE align=”center” direction=”up” height=”200″ scrollamount= “2″
onmouseover=’this.stop()’
onmouseout=’this.start()’ width=”100%”>
a href=”http://fatihsyuhud.com” target=”new”>- Blogger Indonesia -
a href=”http://afatih.wordpress.com target=”new”>- Refleksi dan Blog Tutorial -
a href=”http://www.jobvacancycareer.com/ target=”new”>- Jobs Info -
a href=”http://www.beasiswas.com/ target=”new”>- Beasiswa -
a href=”http://www.beasiswas.net/ target=”new”>- Beasiswa -
a href=”http://www.beasiswas.info/ target=”new”>- Beasiswa -
a href=”http://www.beasiswas.org/ target=”new”>- Beasiswa -
a href=”http://lowonganbeasiswa.com/ target=”new”>- Beasiswa -
a href=”http://beasiswa.blogs.ie/ target=”new”>- Beasiswa -
a href=”http://www.lowongankerjas.com/ target=”new”>- Loker -
a href=”http://www.lowongankerjas.net/ target=”new”>- Loker -
a href=”http://www.lowongankerjas.org/ target=”new”>- Loker -
/MARQUEE
Catatan:
1. Kode
adalah singkatan dari (line break) atau ganti garis, supaya setiap link tidak numpuk dalam satu baris. Bila jarak satu link dg link yg lain dianggap terlalu sempit, bisa ditambah dg kode
lagi. Sesuai selera.
2. Kode target="new" atau target="_blank" berfungsi agar supaya tercipta window baru ketika ada yg mengklik link yg ada dalam marquee sehingga pengunjung tidak meninggalkan blog Anda.
Contoh Marquee untuk teks:
MARQUEE align="center" direction="up" height="200" scrollamount= "2"
onmouseover='this.stop()' onmouseout='this.start()' width="100%">Mengutip
sebagian atau keseluruhan isi blog ini ke blog Anda dipersilahkan ASAL menyebut
URL sumber tulisan dan/atau permanent link artikel yg dikutip.
Komentar, saran atau pertanyaan dapat diajukan melalui bukutamu, kotak komentar
blog atau email ke: admin@news.id.or.id. /MARQUEE 
Catatan:
1. Jangan lupa untuk menyelipkan kode
untuk ganti garis atau paragraf.
TIP PENTING:
1. tag atau kode: direction=”up” artinya tulisan/teks bergerak ke atas seperti di blog ini, jadi kode “up” bisa diganti dg “down” bila ingin link/teks bergerak ke bawah; dan ganti menjadi “left” supaya bergerak ke kiri dan “right” supaya bergerak ke kanan.
2. Marquee hanya dapat digunakan di blogspot, self-hosted wordpress, dll.
3. a.Untuk di blogspot, klik Elemen -> Teks -> pasang kode marquee di atas.
b. Untuk self-hosted wordpress -> aktifkan widget -> naikkan widget text -> pasang kode marquee.
c. blogsome.com, blogs.ie dan self-hosted wordpress: klik manage -> files -> pasang kode marquee di sidebar.

Populer Post