Sunday, November 22, 2009

Membuat Text Berjalan

Anda ingin tampilan Blog Anda lebih semarak dan menarik lagi?
Salah satu diantaranya adalah Anda dapat lakukan dengan cara membuat text judul di Blog Anda tidak statis tapi dinamis (dapat bergerak).

Mau tahu caranya?
Ternyata caranya adalah dengan memanfaatkan fasilitas marquee
Selengkapnya ikuti langkah-langkah pembuatannya berikut ini :

1. Login ke Blogspot
2. Masuk ke Tata Letak atau Lay out
3. Tambah Gadget atau Add a gadget
4. Cari HTML atau java script
5. Lalu ketikan kode marquee nya atau copy paste deh lebih mudah


Contoh marquee Text yang bergerak :

<MARQUEE align="center" direction=" left " height="200" scrollamount="2" width="30%">

marquee dari kanan ke kiri

</MARQUEE>

ini contoh marquee ke kiri
ini contoh text bergerak ke kiri

Untuk arah gerak ke kanan, silahkan ganti huruf yang berwarna merah dengan right

Ini contoh marquee ke kanan
ini contoh text bergerak ke kanan



Ini contoh TEXT Mondar-mandir
ini contoh text bergerak mondar-mandir (bolak-balik)



Ini contoh TEXT bergerak keatas
ini contoh marquee tulisan ke atas

Ini contoh marquee tulisan kebawah
ini contoh marquee tulisan ke bawah

Ini contoh TEXT dengan background warna
Ini contoh marquee memakai background warna


Untuk membuat Marquee Gambar atau photo , kita harus menyimpan dulu file photo di web penyimpan photo seperti http://photobucket.com


Kalo mau modifikasi dan mengatur tampilan gerakannya silahkan Anda coba pakai kode berikut :

behavior="scroll/slide/alternate" ---> Untuk mengatur perilaku gerakan
Scroll artinya adalah teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)
title='pesan" --> Pesan akan muncul saat mouse berada di atas teks
scrollmont="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
scrolldelay="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik
width="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

0 komentar: