Membuat teks/banner berjalan | marque

Senang rasanya akhirnya saya bisa menambah artikel tentang tutorial blogspot di blog ini, setelah beberapa hari ini sibuk untuk membuktikan fenomena SEO dan menganalisa pengunjung BLOG AMIN ini dengan menulis beberapa artikel berbau hot (sebut saja: PANAS). Pasti sebagian dari teman-teman merasa kaget kok bisa BLOG AMIN yang setiap harinya menulis tentang Tutorial Blog, Internet dan Info, berani memasukan artikel-artikel yang bisa dikatakan porno seperti itu. Jawabannya nanti saya tulis pada artikel berikutnya, maklum Newbie...! Mau menulis tentang SEO takutnya nanti salah nulis....!

Kembali ke topik, postingan mengenai Membuat teks/banner berjalan | marque pastinya sudah sangat banyak yang nulis, saya cuma mau menampilkan kembali untuk referensi buat saya dan juga buat teman-teman yang mungkin belum tau..., Caranya adalah memasukkan kode berikut pada Layout (tata letak) dan klik add widget (tambah widget):

Teks/Banner berjalan ke kiri dan ke kanan

Bentuk Teks:

<marquee behavior="alternate" scrollamount="3" loop="7">ke arah Kiri dan Kanan</marquee>

ke arah Kiri dan Kanan

Banner:

Teks/Banner berjalan dengan Background Warna

Teks:
<marquee behavior="scroll" direction="down" loop="-1" bg width="50%" height="100">text<br/>
berjalan<br/>
terus
</marquee>

Hasilnya
text

berjalan

terus


Banner:
<marquee behavior="scroll" direction="down" loop="-1" bg height="60" width="130%"><center><a href="http://www.paidtoclick.in/index.php?ref=amienk"><img src="http://www.paidtoclick.in/banners/banner1.gif" border="0" /></a><!-- Begin PayPal Logo --><a href="https://www.paypal.com/id/mrb/pal=4MQG8V89K3WG4" target="_blank"><img src="http://images.paypal.com/id_ID/i/bnr/paypal_mrb_banner.gif" alt="Daftar di PayPal, lalu mulai terima pembayaran menggunakan kartu kredit secara instan." border="0" /></a><!-- End PayPal Logo --&gt;</center>
</marquee>

Hasilnya:



Ganti kode yg warna merah diatas dengan teks atau kode banner pilihan anda.

keterangan:
1. behavior = untuk mengatur prilaku gerakan ( scroll, slide, alternate)
2. direction = untuk mengatur arah gerakan ( left, right, up, down )
3. loop = untuk mengatur jumlah loop ( coba ganti sendiri angka diatas -1 dengan angka yang lain )
4. bgcolor = untuk mengatur warna background dan untuk pilihan warna silahkan lihat disini
5. width = untuk mengatur lebar
6. height = untuk mengatur tinggi
7. scrollamount = Kecepatan gerakan ( makin besar angka maka makin cepat )

Membuat Teks/Banner berhenti bergerak ketika pointer mouse diarahkan

Lihat pada kode tadi diatas.
Hapus kode:
loop="-1" bgcolor="#ff00ff" height="60" width="130%">

Ganti dengan kode ini:
onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2">


Hasilnya:


Simpan