Sabtu, 09 April 2011

Membuat Teks Berjalan/ marquee

Agar posting/blog lebih menarik salahsatunya adalah dengan membuat teks berjalan/marquee. Teks berjalan bisa juga ditempatkan pada judul posting atau iklan yang dipasang pada blog agar pengunjung tertarik untuk meng-klik. Contoh marquee bisa dilihat dibawah posting ini. Adapun cara pembuatannya sebagai berikut:

* Lakukan login akun blogspot>rancangan>tambah gadget>+html>

* Membuat teks berjalan dari kiri ke kanan, copy code dibawah ini:

<MARQUEE align="center" direction="right" height="200" scrollamount="4" width="100%">
membuat teks berjalan dari kiri ke kanan

</MARQUEE>

Preview:


membuat teks berjalan dari kiri ke kanan


* Membuat teks bergerak kanan-kiri, copy code dibawah:

<div align="left"><font face="GEORGIA" color="White"><B><MARQUEE BGCOLOR="ORANGE" width="100%" scrollamount="3" behavior="alternate">

membuat teks bergerak kanan-kiri

</MARQUEE>


Preview:



membuat teks bergerak kanan-kiri





* Membuat teks berhenti saat crusor atau mouse mengarah pada teks, copy code dibawah:

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

Bawalah crusor atau mouse anda kesini dan lihatlah hasilnya.

</MARQUEE>


Preview :


Bawalah crusor atau mouse anda kesini dan lihatlah hasilnya.




K E T E R A N G A N :

Karakter pada kode-kode diatas dapat diganti sesuai kebutuhan antara lain:

BGCOLOR= mengatur warna background (latar belakang) teks
DIRECTION="left/right/up/down" = Mengatur arah gerakan teks
BEHAVIOR="scroll/slide/alternate" = Untuk mengatur perilaku gerakan
- Scroll teks bergerak berputar
- Slide teks bergerak sekali lalu berhenti
- Alternate teks bergerak dari kiri kekanan lalu berbalik kembali

TITLE="pesan" = Pesan akan muncul saat mouse berada di atas teks
SCROLLAMOUNT="angka" = mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
SCROLLDELAY="angka"= Untuk mengatur waktu tunda gerakan dalam mili detik
LOOP="angka|-1|infinite" = Mengatur jumlah loop
WIDTH="lebar" = Mengatur lebar blok teks dalam pixel atau persen

Silakan membuat variasi dengan imajinasi anda untuk mendapatkan hasil sesuai keinginan.

Tidak ada komentar:

Posting Komentar