Pengikut

HTML : Marquee

Sajian teks yang tampil secara aktraktif tentu akan sangat menyegarkan. Tentu kita pernah melihat tampilan teks yang berjalan dari bawah ke atas. Atau pula tampilan banner yang berjalan dari bawah ke atas. Sangat memesona dan mengundang perhatian pengunjung.

Semua berkat dukungan teknis Marquee dalam kode HTML. Ya, dengan kata marquee ini kita bisa menjalankan teks maupun gambar sesuai dengan keinginan kita. Menggunakannya pun semenyenangkan melihatnya.

Berikut adalah beberapa kode marquee dasar yang bisa kita gunakan :
teks berjalan ke kiri
<marquee direction=left>teks berjalan ke kiri </marquee>
teks berjalan ke atas
<marquee direction=up>teks berjalan ke atas </marquee>
Keterangan : Untuk mendapatkan efek yang berbeda, kita bisa mengganti 'left' ke 'right' agar teks berjalan ke kanan, atau gantilah 'up' dengan 'down' agar teks berjalan ke bawah.

Marquee juga memiliki atribut lain untuk melengkapi hasil yang bisa ditampilkan.

Misalnya : onmouseover="this.stop()" onmouseout="this.start()"
link1
link2

<marquee direction=up onmouseover="this.stop()" onmouseout="this.start()"><a href="#">link1</a><br><a href="#">link2</a> </marquee>
Dengan menyelipkan atribut diatas didalam marquee, maka saat teks yang berjalan didekati oleh mouse, maka teks akan tertahan (stop) dan saat mouse maka teks akan kembali berjalan. Sangat membantu bila kita menyertakan tautan (link) di dalam marquee agar mudah dikendalikan pengunjung.

Ok, selamat beranimasi sederhana.

Tag : kode html marquee, marquee.
Add to Technorati Favorites

30 komentar:

  1. thanks mas ilmunya, udah ditunggu2 neh ;)

    BalasHapus
  2. Thank you yach kang, ternyata di jawab juga, heheheheh.....

    BalasHapus
  3. waaaah ... asik ... asik ... akhirnya dapet ilmunya, kebetulan butuh!

    makasih ... makasih ...

    BalasHapus
  4. Anonim4:33 PM

    saya udah pake juga yang kekanan pake image... niru juga dari edittag :)

    BalasHapus
  5. Salam kenal mas... Mau nanya nih, kenapa daftar link (seperti di blog dapur saya) yang pake marquee bisa melorot kalo dibuka pake IE? Padahal kalo pake Firefox baik-baik aja.

    Mohon bantuannya ya mas.... Thanx

    BalasHapus
  6. Hanya masalah kompatibilitas di browser aja bu, aku cek pake IE terbaru, alias versi 7, marqueenya normal dan sehat-sehat saja.
    coba ibu buka di browser yang sama untuk memastikan.

    BalasHapus
  7. Ternyata betul mas, setelah update menjadi IE versi 7 blogroll marquee-nya sehat lagi. Makasih ya... dan jangan bosan kalo nanti saya tanya-tanya lagi :D

    BalasHapus
  8. Saya tunggu pertanyaan selanjutnya (sambil siap2 cari browser baru sebagai jawabannya, mudah kan....hehehe).

    BalasHapus
  9. huahhh,,,

    mantabss bet ilmunya,

    keren and berguna bgt buat gw yg masih pemula



    btw, hasil editan foto kartunnya juga bagus,,,

    bagi" ilmu ttg ubah ke kartun donk..

    BalasHapus
  10. Anonim12:23 PM

    Om ajarin saia donk biar testi di fs bisa gerak ke kiri, kanan, atas, bawah, dan berkedip - kedip donk.
    makasih ya.....
    saia masih gak ngerti yg ditulis di situ.....

    BalasHapus
  11. Anonim8:33 PM

    Terima kasih triknya, Mas, gimana cara mengganti jenis font-nya
    dari tips dan trik blog

    BalasHapus
  12. thanks mass atas trik nya...akhirnya saya berhasil memakainya

    BalasHapus
  13. Mas mo tanya nih...kalo gambar banner/chicklet itu bisa ga di pasang marquee ga?masalahnya sy pasang banner edittag dan yg lainnya,sy mo bikin bergerak gitu..Makasih.

    BalasHapus
  14. tentu bisa, cukup ganti nama dengan kode gambar (img src)..untuk mengaktifkan linknya juga tak ada perbedaan...silakan dicoba....

    BalasHapus
  15. kalo mau tulisannya jalannya biar lebih lama gimana boss,....
    kmr kalo udah dijawab tolong dibalas alamat jawabannya ke emailku awari_shirishama@yahoo.com
    soalnya susah cari nya artikel situ kan banyak banget.....

    BalasHapus
  16. Mas...
    pertanyaannya cupu banget banget.. maklum mas amatiran dan baru coba2 belajar ngeblog.. mau masang kode HTML nya yang buat link meeqque biar nganan ngiri itu di edit html ? atau di edit widget ? makasih loch mas...
    kayanya ini dulu pertanyaannya..

    BalasHapus
  17. pengen nyobain dulu

    BalasHapus
  18. Anonim7:17 PM

    mas gimana sih cara buat JS EXSTSN???thx

    BalasHapus
  19. kita bisa pake editor notepad misalnya, saat kita akan simpan, di bagian Save As type, pilih All files. Tentunya di file yang kita simpan dikasih nama belakang .js.

    BalasHapus
  20. Anonim7:31 PM

    Waduh... kayaknya seru juga bisa nulis buku, pengen juga sebenarnya. Bagi tips nya donk supaya saya tidak jenuh menulis, kadang nulis baru dapet setengah habis itu males mau nerusin, kalo gitu terus kapan jadinya tulisan saya, makasih sebelumya atas jawabanya.

    BalasHapus
  21. keren, gabung diblog kami ya...wassalam

    BalasHapus
  22. gabung ya...........

    BalasHapus
  23. Mas, mo nanya mas. Saya udah upload gif di blog saya mas, tapi pas saya terbitkan kok gambarnya gak gerak ya mas!!!!
    Sebelumnya, maturnuwun yo mas!!!!

    BalasHapus
  24. Mohon bantuannya segera ya mas!!!!
    Maturnuwun again mas!!!!

    BalasHapus
  25. Ada kemungkinan browsernya diseting untuk menampilkan image gif tidak animasi, coba cek ke setingan browsernya, pake browser apa, skalian kasih alamat URL filenya biar bisa dicek dsini.

    BalasHapus
  26. Anonim11:46 PM

    gan.tukeran link ya... link agan dah saya pasang di blognya saya...
    saya baru belajar ngeblog neh gan..mohon bimbingannya..biar jadi "rame" blog saya nantinya.

    http://andr3newbie.blogspot.com/

    BalasHapus
  27. terima kasih banyak boz atas informasinya, ini berguna sekali bagi saya. terima kasih

    http://jendelainformasi.info/

    BalasHapus
  28. agus juga ya namanya...blognya komplit nih!
    silahkan yg mau baca2 blognya mas agus supriyadi, tinggal klik

    BalasHapus
  29. Untuk Marquee agar tdk error gmn bang, kdng pas bikin content ata farse kata banyak pas buka blog pertama farse katanya pada berantakan g bisa rapi gtu. ada solusinyakah bang. Thanks n salam kenal ya

    BalasHapus

Kamu bisa dapetin ilustrasi wajah yang sesuai dengan wajah kamu di moselo.com/Bikingemeys. Jangan lupa ada promo jika pesan dari aplikasinya langsung.

Postingan Populer