Bloggerabiz | Pernahkan anda melihat teks / gambar disuatu web bergerak / berjalan dari kiri ke kanan atau dari kanan ke kiri atau atas ke bawah atau bawah ke atas? Teks / gambar berjalan ini biasanya dapat menarik user web untuk melihat teks / gambar yang sedang bergerak tersebut. Biasanya dipakai untuk headline, atau pengumuman penting dari web anda.
Untuk itu bagi anda yang kesulitan membuat teks atau gambar berjalan ini, Inilah script simple atau kode html yang dapat dipraktekan dengan mudah
1. Script Untuk
Teks berjalan dari kanan ke kiri
- <marquee direction="left">Teks berjalan dari kanan ke kiri</marquee>
2. Script Untuk
Teks berjalan dari Kiri ke Kanan
- <marquee direction="right">Teks berjalan dari kiri ke kanan</marquee>
3. Script Untuk
Teks berjalan dari Bawah ke Atas
- <marquee direction="up">Teks berjalan dari Bawah ke Atas </marquee>
4. Script Untuk
Teks berjalan dari Atas ke Bawah
- <marquee direction="down">Teks berjalan dari Atas ke Bawah </marquee>
5. Script Untuk
Teks berjalan hanya beberapa kali lalu menghilang
- <marquee loop="5">Teks ini akan hilang apabila telah 5 kali ber putar</marquee>
6. Script Untuk
Mempercepat Teks yang berjalan
- <marquee scrollamount="20">Teks berjalan dengan kecepatan 20</marquee>
7. Script Untuk
Memperlambat Teks yang berjalan
- <marquee scrolldelay="250">Text diperlambat sebanyak nilai 1000/250 = ¼ sec</marquee>
8. Script Untuk
Menambah tanda panah di kedua sisinya
- <marquee scrollamount="5" width="40"><<<</marquee>Judul BLOG<marquee scrollamount="5" direction="right" width="40">>>></marquee>
Judul BLOG
9. Script Untuk
Membuat Teks berjalan Zigzag
- <marquee width="60%" direction="up" behavior="alternate"><marquee direction="right" behavior="alternate">Teks ZigZag </marquee></marquee>
Script mengubah text menjadi gambar:
Editlah kalimat-kalimat diantara <marquee direction=""> dan </marquee> di 9 script diatas tadi dengan mengganti kode html gambar.
<img src="Alamat Gambar" />
Untuk
contoh Script 8
- <marquee scrollamount="5" width="40"><<<</marquee><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0zckSbDmbzo79KUJql5wvgxGE-gxloEw6Gc-zo2UDP_x1FrUXooDZcIMVtJtjXwWca6D71MN4s_p_6BRRV74VF4P9wTl86h0hg357-Z3NVqeiTLIa7JfclQW2b6eMBHEQL5XOB40sNvw/s1600/header-object.png" /><marquee scrollamount="5" direction="right" width="40">>>></marquee>
Untuk
contoh Script 9
- <marquee width="60%" direction="up" behavior="alternate"><marquee direction="right" behavior="alternate">Teks ZigZag </marquee></marquee>
diubah menjadi
<marquee width="60%" direction="up" behavior="alternate"><marquee direction="right" behavior="alternate"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0zckSbDmbzo79KUJql5wvgxGE-gxloEw6Gc-zo2UDP_x1FrUXooDZcIMVtJtjXwWca6D71MN4s_p_6BRRV74VF4P9wTl86h0hg357-Z3NVqeiTLIa7JfclQW2b6eMBHEQL5XOB40sNvw/s1600/header-object.png"/> </marquee>
Semoga Bermanfaat
Kembali ke Atas
Tambah Komentar
8 komentar:
numpang belajar ya..
Tips mantap gan, terima kasih telah sudi untuk berbagi, salam persahabatan selalu
Ok banget, thk.
makasih yaa atas infonyaaa
Gan masukin code di mana biar full web
makasih gan inpone
makasih banyak gan atas info nya, sukses terus gan
makasih infonya.. :)
Posting Komentar