Belajar bikin text berjalan

Untuk membuatt tampilan blog semakin menarik, ada berbagai macam caranya. Mula-mula sih saya melihat di blog teman-teman blogger, kok bisa yah textnya bisa bergerak ke kiri, ke kanan keatas atau ada juga yang maju mundur.

Dengan bekal rasa penasaran itu, akhirnya saya juga tahu caranya bikin Text berjalan. Kali ini di postingan ini saya mau bagi-bagi rahasia membuat text berjalan atau istilah yang mereka sebut namanya Marquee ( wah aneh namanya , ku pikir marqueesa yang banyak di brastagi Medan ).

Ternyata ada istilah-istilah yang digunakan untuk marquee tersebut:

Cara membuat marquee ini bisa di buat dengan menggunakan kode :

<marquee>......</marquee>

Kalo mau modifikasi dan mengatur tampilan gerakannya pakai kode ini :

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 semajin cepat gerakannya.
scrolldelay="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik
width="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Biar lebih mudah nih, tinggal copy paste aja deh contoh-contoh di bawah ini :

Mau bikin marquee di blogspot, caranya :

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

Contoh marquee Text yang bergerak :



<marquee>contoh text bergerak ke kiri</marquee>
ini contoh marquee ke kiri


<marquee align="middle" direction="right"scrolldelay="3">Ccontoh text bergerak ke kanan</marquee>
Ini contoh marquee ke kanan

<marquee align="top" scrollamount="1" behavior="alternate" scrolldelay="3">ini contoh marquee ke kanan</marquee>
Contoh TEXT Mondar-mandir

<marquee align="middle" scrollamount="1" height="30" width="20%" direction="up"scrolldelay="1">ini contoh marquee tulisan ke atas</marquee>
Contoh TEXT bergerak keatas

<marquee align="middle" scrollamount="1" height="30" width="20%" direction="down"scrolldelay="1">ini contoh marquee tulisan ke bawah</marquee>
Ini contoh marquee tulisan kebawah

<marquee align="middle" bgcolor="#ccffff" direction="left"scrolldelay="5">Ini contoh marquee memakai background warna</marquee>
Contoh TEXT dengan background warna

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

Related Posts sesuai kategori

Widget by Related Post di Blogspot