Membuat Efek Marque ( teks berjalan )

Efek marque adalah efek untuk membuat teks seperti berjalan, untuk membuat teks berjalan kita perlu menyisipkan kode HTML. Tulisan yang berjalan ini dapat digunakan untuk menuliskan kata-kata penting di blog karena tulisan ini dapat menarik perhatian pengunjung. Tak hanya itu apabila tulisan yang akan kita tuliskan cukup panjang maka efek marque ini akan sangat menghemat tempat di blog. berikut ini adalah contoh-contoh efek marque, beserta kode HTML nya :


  • marque biasa




teks kamu disini



Kode HTML :

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


teks kamu disini


</MARQUEE>



  • marque dengan getaran




teks kamu disini



Kode HTML :

<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">


teks kamu disini


</MARQUEE>



  • marquee dengan variasi huruf dan warna latar belakang





teks kamu disini



Kode HTML :

<div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">


teks kamu disini


</MARQUEE></b></FONT></div>


  • Marque berhenti bila ditunjuk mouse




teks kamu disini



Kode HTML :

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


teks kamu disini


</marquee>


24 komentar:

  1. Pertamax.. Mas, tp kok yang "Marque berhenti bila ditunjuk mouse" jalannya ke atas?? yang ke samping gimana??

    Oya, sekalian Buku tamu disebelah, terus kolom get money online, Recent comment, dsb; tuh kan widget yang ada di blogspot, apa otomatis ada marque gitu? setau saya kalo widget tidak gerak2 lagi. G tau deh kalo salah.. Soalnya baru buat blogspot kemarin.. hehe..

    BalasHapus
  2. VAW: ganti tulisan "up" dengan "left" atau "right". Untuk marque pada widget, ganti "tulisan kamu disini dengan kode widget anda.

    BalasHapus
  3. http://harampatah.com/


    http://harampatah.blogspot.com/

    BalasHapus
  4. thx sob, lgsung praktek neh..
    yuk brother2 n sister2 pada maen ke blog saya..

    BalasHapus
  5. Tolong Kunjungi Blog Saya Temen - Temen Guru Semua,,saya Ingin Banyak Menjalin Teman,,Saya Ini Pemula Blog...

    BalasHapus
  6. mas blogq knp gk bsa dbka ??pdhl kmrn bsa...,aq pkek alamt co.cc..

    BalasHapus
  7. thank bos atas ilmunya, mohon ijin nich diaplikasi di blogku

    BalasHapus
  8. mas tak coba yo mampir mas monggo di blog ku

    BalasHapus
  9. wah boleh nich,,,mas kunjungi blog saya ya,,n kasih coment juga jangan lupa

    BalasHapus
  10. q new bee nich..!!

    mhon pencerahannya
    jangan lpa mampir

    http://maminkextrada.blogspot.com/

    BalasHapus
  11. thanks gan infonya jadi tahu saya,,,nice post,,,:d:

    BalasHapus
  12. Thanks a lot for your information about flash animation

    BalasHapus
  13. thank's banget boz

    http://jendelainformasi.info/

    BalasHapus
  14. asslmkm,
    Akh ,, bagus sekali web nya ..
    btw cara bikin kaya web akhi ini gmn ?
    ' cara bikin icon icon dibawah ( terjemah, tulisan terkini, connect , mpe yng oline )
    mohon di share yah,

    wassalam,
    abu adien

    http://tipsduniakerja.blogspot.com/

    BalasHapus
  15. saya sudah coba copy paste kode-kode di atas tp gak bisa, kenapa...??

    BalasHapus
  16. keren, maksih mas kunjungi juga blog aq di http://jubelkre.blogspot.com/2012/03/membuat-efek-marquee-atau-teks-berjalan.html
    saya sudah berhasil membuatnya mas .

    BalasHapus
  17. cara bikin recent postnya kayak fitu gmn ya?

    BalasHapus

Mau tukeran link? silakan buka Link Sahabat dan apabila ada pertanyaan silakan tulis di Kotak Pertanyaan. Terima Kasih...

Kami akan menghapus komentar yang: Tak sopan, memakai HURUF BESAR, berupa caci maki, mengandung kata-kata kebun binatang, debat kusir, provokasi, di luar konteks, berupa undangan/ reklame. Komentar yang terlalu panjang, tanpa paragraf dan sulit dipahami. Komentar copy-paste, silakan di-link saja.

Isi komentar adalah tanggung jawab penulis komentar, bukan tanggung jawab pengelola blog/situs ini. Harap maklum.