Teks berjalan / marquee

MENU BERJALAN / MARQUEE

Menu teks berjalan atau disebut Marque berguna untuk menarik perhatian pengunjung blog. Bisa di-isi dengan apa saja sesuai keinginan kita, bisa iklan, tukar link, ataupun informasi mengenai isi blog kita. Terserah anda.
Kali ini saya akan bahas secara detail masalah menu berjalan ini, kupas tuntas lah.
Biar yang belum mudeng/pemula bisa mengerti tuntas-tas.
Untuk itu masuk sign in di blog dan klik menu Layout.
Klik Add a Gadget, pilih dan klik HTML/Javascript.
Masukkan Script seperti contoh di bawah.

1. Standar menunya/script sebagai berikut : (normal)
Gambar 1 (Menu Scroll ke Atas)

<marquee onmouseover="this.stop()" align="center" direction="up" width="100%" height="160" scrollamount= "2" onmouseout="this.start()">Ini Contoh Pertama, dari http://omahtawongroup.blogspot.com<br /><br />Terima kasih.<br /><br />Kasih Komentar Kalau Suka<br /></marquee>

2. Pengertian Istilah Dasar Script
onmouseover="this.stop()" ==> maksudnya kalau mouse kita bergerak mengarah ke text, maka text akan berhenti/stop agar bisa dibaca gitu.

onmouseout="this.start()" ==> maksudnya kalau mouse tidak dalam area teks maka teks akan mulai bergerak.

direction="up" ==> maksudnya arah gerak teks ke atas, bisa diganti Left/Right/Down.

scrollamount="2" ==> maksudnya angka pengatur kecepatan gerak teks, bisa diganti antara 1 s/d 10 ( 1 lambat, 2 normal, 3 dstnya makin cepat) Gunakan angka 1/2/3 saja cukup.

align="center" ==> maksudnya baris teks letaknya di tengah, bisa diganti Left/Right/Justify

width="100%" ==> maksudnya lebar area teks, bisa diganti dengan angka pixel, misal 220 atau 90%, terserah, sesuaikan dengan lebar sidebar anda.

height="160" ==> maksudnya tinggi area teks dalam pixel, sesuaikan juga dengan ketinggian teks yang akan di masukkan. Bisa juga pakai 100%.

TAMBAHAN<br /> ==> untuk line break = Enter = ganti baris = 1 baris row dan bgcolor="#XXXXXx" untuk memberi warna background, misalkan Kuning =#ffff00

24 Des 2008

MENU BERJALAN / MARQUEE

Menu teks berjalan atau disebut Marque berguna untuk menarik perhatian pengunjung blog. Bisa di-isi dengan apa saja sesuai keinginan kita, bisa iklan, tukar link, ataupun informasi mengenai isi blog kita. Terserah anda.
Kali ini saya akan bahas secara detail masalah menu berjalan ini, kupas tuntas lah.
Biar yang belum mudeng/pemula bisa mengerti tuntas-tas.
Untuk itu masuk sign in di blog dan klik menu Layout.
Klik Add a Gadget, pilih dan klik HTML/Javascript.
Masukkan Script seperti contoh di bawah.

1. Standar menunya/script sebagai berikut : (normal)
Gambar 1 (Menu Scroll ke Atas)

<marquee onmouseover="this.stop()" align="center" direction="up" width="100%" height="160" scrollamount= "2" onmouseout="this.start()">Ini Contoh Pertama, dari http://tutorialblog-sg.blogspot.com<br /><br />Terima kasih.<br /><br />Kasih Komentar Kalau Suka<br /></marquee>

Kalau nanti dilihat maka hasilnya seperti ini :
Ini Contoh Pertama, dari http://tutorialblog-sg.blogspot.com

Terima kasih.

Kasih Komentar Kalau Suka


2. Pengertian Istilah Dasar Script
onmouseover="this.stop()" ==> maksudnya kalau mouse kita bergerak mengarah ke text, maka text akan berhenti/stop agar bisa dibaca gitu.

onmouseout="this.start()" ==> maksudnya kalau mouse tidak dalam area teks maka teks akan mulai bergerak.

direction="up" ==> maksudnya arah gerak teks ke atas, bisa diganti Left/Right/Down.

scrollamount="2" ==> maksudnya angka pengatur kecepatan gerak teks, bisa diganti antara 1 s/d 10 ( 1 lambat, 2 normal, 3 dstnya makin cepat) Gunakan angka 1/2/3 saja cukup.

align="center" ==> maksudnya baris teks letaknya di tengah, bisa diganti Left/Right/Justify

width="100%" ==> maksudnya lebar area teks, bisa diganti dengan angka pixel, misal 220 atau 90%, terserah, sesuaikan dengan lebar sidebar anda.

height="160" ==> maksudnya tinggi area teks dalam pixel, sesuaikan juga dengan ketinggian teks yang akan di masukkan. Bisa juga pakai 100%.

TAMBAHAN<br /> ==> untuk line break = Enter = ganti baris = 1 baris row dan bgcolor="#XXXXXx" untuk memberi warna background, misalkan Kuning =#ffff00

Untuk Contoh warna lihat Kode Warna Dalam HTML

3. Contoh Marque Gerak dari Kanan ke Kiri(Lambat)

Kalau nanti dilihat maka hasilnya seperti ini :
Ini Contoh Kedua, dari http://tutorialblog-sg.blogspot.com Mudah dan Jelas bukan?? Kasih Komentar Dong!



Mudah dan jelas banget-kan. Selamat berkreasi.