Search This Blog

Wednesday, February 18, 2009

Membuat Marquee / Teks Berjalan

Ini Merupakan Postingan saya di blog yang lain.
Bekerja dirumah dengan Sophie (Martin)Paris KLIK DISINI
Kita sering melihat suatu web atau blog dengan teks berjalan atau marque seperti di blog kita ini.
Nah untuk membuatnya kita harus mengenal istilah-istilah yang digunakan untuk marque ini:
Marquee ini bisa di buat dengan menggunakan tag:
<marquee>......</marquee>
behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan
Scroll --> 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
Agar lebih jelas akan saya sertakan contohnya :
Bekerja dirumah dengan Sophie (Martin)Paris KLIK DISINI
Untuk menambah marquee di blogspot:
  • Login ke Blogspot
  • masuk ke Tata Letak
  • Tambah Gadget
  • HTML
  • terus ketikan kode marquee nya

Contoh marquee dari gerakan :
<marquee>ini contoh marquee ke kiri</marquee>
ini contoh marquee ke kiri


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

<marquee align="top" scrollamount="1" behavior="alternate" scrolldelay="3">ini contoh marquee ke kanan</marquee>
Ini contoh marquee Bolak balik

<marquee align="middle" scrollamount="1" height="30" width="20%" direction="up"scrolldelay="1">ini contoh marquee tulisan ke atas</marquee>
Ini contoh marquee tulisan 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="#66b5ff" direction="left"scrolldelay="5">Ini contoh marquee memakai background warna</marquee>
Ini contoh marquee memakai background warna

Untuk membuat Marquee Gambar or picture or photo anda harus menyimpan dulu photo anda di web penyimpan photo seperti http://www.imageshack.us

<marquee direction="left" = 2="behavior" scrollamount="2" scroll>Url
Ini contoh marquee gambar bergerak ke sebelah kiri</marquee>






<marquee direction="up" scrollamount="2" width="200"> Ahlan Wa sahlan Selamat datang di Blog Bundanya Alfi Hadi maulana dan Ghevira Alviani Camilla semoga dengan adanya halaman ini dapat memberikan informasi yang bermanfaat. aamiin &ltimg width="200px" alt=url gambarnya&ltimg width="200px" alt="Image Hosted by ImageShack.us" src="url gambarnya>puskomalba>Ini contoh marquee gambar bergerak ke atas</marquee>

Ahlan Wa sahlan Selamat datang di Blog Bunda Alfi & Vira semoga dengan adanya halam ini dapat memberikan informasi yang bermanfaat. aamiin






Bekerja dirumah dengan Sophie (Martin)Paris KLIK DISINI

15 comments:

  1. waah
    blognya baguuss...
    saya coba merqueenya langsung bisa..
    terima kasih

    ReplyDelete
  2. mau nanya gimana buat website nya bagus loh boleh kasih tau caranya mohon blz rukmaya.mentrai@gmail.com

    ReplyDelete
  3. @ Daina:
    Terima kasih..alhamdulillaah

    seneng deech kalao ada yang bisa....

    ReplyDelete
  4. very nice posting... bunda
    regards
    ceria-foto.blogspot.com

    ReplyDelete
  5. Terima kasih...harusnya bunda lebih rajin lagi posting yaaa....

    ReplyDelete
  6. Iya neh blog bagus, marqueue bisa untuk promo bisnis lebih menarik...thanks yah

    mampir donk ke http://sismadi.co.nr

    ReplyDelete
  7. haturt nuhun yah bunda, bade dicobian euy di blog punya ku

    ReplyDelete
  8. bisa nggak yach tulisan ukuran font nya bisa diubah lebih kecil mbak...khususnya maruqe yang ada background warna. makasih

    ReplyDelete
  9. cihuyyyyyyyyy langsung bisa...
    Thanks
    jangan lupa share yg lainnya ya?

    ReplyDelete
  10. alhamdulillah..... bagus
    iya bunda harus tambah rajin ni postingnya cuma...gak sempet aza....niw..:)

    ReplyDelete
  11. keren...
    trims bunda

    ReplyDelete
  12. @phabio_30 :...alhamdulillaah...
    @goodmind : alhamdulillaah sama-sama....

    ReplyDelete

Silahkan Tulis komentar anda tentang posting ini

Paling banyak di baca