Nggak mau ketinggalan artikel baru Blogger-Holic? Subscribe Sekarang
Hot Categories: Blogger News | Hack | SEO | Tips | Tutorial | more

Teks Bergerak dengan Marquee

26.5.08 | 16 comments

Mba' Iin sempat bertanya di sini:gimana cara buat tulisan yang turun naik di blog???thxNah mba', untuk membuat teks yg bergerak naik/turun tsb kita dapat menggunakan tag HTML Marquee. Pada artikel ini, saya juga akan menjelaskan beberapa atribut yg biasa dipakai pada tag Marquee ini.

Untuk membuat teks bergerak, kita bisa menggunakan basic tag Marquee seperti ini

<marquee>Masukan teks di sini</marquee>
Contoh Marquee normal

Kamu juga bisa menambahkan atribut2 untuk mengatur lebih jauh teks Marquee. Atribut:
height="150px" width="150px"
Atribut untuk mengatur tinggi(Height) dan lebar(Width) Marquee box dalam ukuran pixel.

bgcolor="#ffffcc"
Atribut untuk mengatur warna background Marquee box. Supaya gampang nyari kode warna yg kamu cari, baca juga Color Schemer Online
Contoh bgcolor="#ffffcc"

direction="left"
direction="right"
direction="up"
direction="down"
Atribut untuk mengatur arah gerak teks. Contoh direction="up"Contoh direction="right"Contoh direction="down"Contoh direction="left"

scrolldelay="100"
Atribut untuk mengatur kecepatan gerak teks dengan menambah waktu delay sebelum kembali bergerak. Kecepatan normal tag Marquee adalah 85
Contoh Marquee normalContoh scrolldelay="500" (setengah detik)Contoh scrolldelay="1000" (satu detik)

scrollamount="2"
Atribut untuk mengatur kecepatan gerak berdasarkan jarak dari satu gerakan ke gerakan lainnya. Makin tinggi nilainya, makin cepat teks bergerak.
Contoh Marquee normalContoh scrollamount="2"Contoh scrollamount="50"

onmouseover="this.stop()" onmouseout="this.start()"

Atribut untuk membuat teks berhenti jika kita meletakkan kursor mouse di atas teks Marquee. Coba kamu letakkan kursor mouse kamu ke atas teks Marquee ini

Wew. Akhirnya slesai juga. Yg tadi itu cuma beberapa atribut Marquee, sebenarnya masih banyak atribut yg laen. Moga2 aja gampang dimengerti, kalo ada pertanyaan jgn sungkan2 kasi komentar :)

16 comments:

  1. whoooo asli keren kaya traffic :D
    mantap mantap...

    ReplyDelete
  2. wah..ada sodara mxyzplk juga dsni..
    kalo mo dipasang di widget gmn caranya?misalnya buat kata2 yg banyak kayak blogroll atau link teman gtu..trims infonya,bro.

    ReplyDelete
  3. di HTML widget masukin tag Marquee kaya' gini

    <marquee>Masukin link di sini</marquee>

    kalo mau ditambahin atribut2 kaya' di atas tinggal masukin atribut nya e tag Marquee tsb. cth kaya gini:

    <marquee direction="up">Masukin link di sini</marquee>

    ReplyDelete
  4. Mantap tips nya, Gak kerasa aku banyak komentar yya...

    ReplyDelete
  5. makasih ya... udh kasih tau q

    ReplyDelete
  6. Rame banget nih was... wusss... hehe

    ReplyDelete
  7. Wow,info bru tuh,he6
    Swer,blog ne keren bgt..bagi2 infox dunk bro at findtoshare.blogspot.com

    ReplyDelete
  8. mas.. kalo dikasi background image bisa ga??

    ReplyDelete
  9. keren dah kucoba. keep blogging bro

    ReplyDelete
  10. bagaiamna cara buat post commennt seperti diatas ?
    terima kasih

    ReplyDelete
  11. Kok di blog ku gak isa dijalan di blog ku...gak kelihatan apa2 tulisannya gak muncul.. help me dong...aku pake blogger..

    ReplyDelete
  12. @shaniago : gak bisanya gimana ya..? emangnya shaniago kodenya gimana..?

    ReplyDelete
  13. aku udah coba semua.. bisa.. keren bgt lhoo.. tapi Atribut untuk membuat teks berhenti jika kita meletakkan kursor mouse di atas teks Marquee kok ga bisa yaa??
    aku udah tambahin code onmouseover="this.stop()" onmouseout="this.start()"
    tapi begitu di save code nya hilang..
    thanx ^_^

    ReplyDelete
  14. @ dini : masa' sih mba'.. klo sekarang udah bisa belum?

    ReplyDelete
  15. Mantap nih. Ini yg sy cari-cari.
    Thanks for the tips... :D

    ReplyDelete
  16. Terima kasih tips-tipsnya,
    saya praktekkan di blog saya

    http://smapasgar.blogspot.com/

    ReplyDelete