Feb-18 012809 Tips Cara membuat efek tulisan teks berjalan marquee di blogSelamat Sunday pagi, bloggerholic mania!
Banyak sekali cara membuat situs web blog anda agar lebih menarik perhatian banyak pengunjung, mungkin tahun 2018 ini sobat blogger ingin menambahkan efek khusus teks berjalan/marquee di bagian halaman situs web atau blog Anda.

Efek teks berjalan sangat dicocok digunakan pada situs web informasi atau blog berita sebagai widget untuk menampilkan sebuah iklan atau headline news info terbaru yang datanya terus diperbarui (up to date).

Ternyata caranya pun cukup mudah hanya menggunakan kode HTML sederhana <marquee> yang disisipkan diawal tulisan yang akan membuat efek teks berjalan bergerak vertikal ataupun horizontal dan </marquee> yang disisipkan diakhir tulisan.

Sebagai contoh penulis akan membuat sebuah contoh efek teks berjalan yang cantik dimana tulisan judul beritanya diambil dari situs informasi www(dot)detik(dot)com hari ini tanggal 25 February berikut:

 | Pertemuan AHY-Prananda, Gerindra: Posisi Jokowi Sedang Tak Beruntung |  | Pengamat: Dialog Prananda-AHY Hanya Sebatas Pertemuan Anak Presiden |  | 5.000 Massa Disebut akan Hadiri Sidang PK, Ini Kata Pengacara Ahok |  | Megawati Utus Prananda Dialog dengan AHY, PKS: Kita Tidak Gentar |  | Fakta-fakta Penemuan Jenazah Eks Wakapolda Sumut |  | Bocah 7 Tahun Tewas Diseruduk Mobil di Kembangan Jakbar |  | 2 Mobil Tabrakan di Tol Slipi Arah Cawang, Kondisinya Ringsek |  | Begini Detik-detik saat Ketua Panwaslu Garut Diamankan Polisi |  | Bawaslu Riau Putuskan KPU Tak Langgar Aturan Soal Pencalonan Firdaus |  | Polisi: Penjual Bakmi yang Tewas di Cipayung Korban Perampokan | 

Bagaimana caranya penulis bisa menampilkan headline news teks berjalan diatas?
Ternyata kode dasarnya cukup simpel yaitu <marquee> dan </marquee>yang harus disisipkan diantara teks sebagai berikut (Ctrl-X untuk menkopy>)

Namun selain itu bisa pula diberi beberapa tambahan atribut yang disisipkan dibagian <marquee> untuk mengatur setelan efek teks yang berjalan. Berikut ini tambahan atribut yang bisa dipakai antara lain:

  • bgcolor=”warna” » Mengatur warna latar belakang teks/background (dalam bahasa Inggris), misalnya merah yaitu <marquee bgcolor=”red” >
  • direction=”left/right/up/down” » Mengatur arah gerakan teks, misalnya dari arah bawah ke atas contoh kodenya <marquee direction=”up” >
  • behavior=”scroll/slide/alternate” » Mengatur perilaku gerakan teks, misalnya berjalan bolak balik contohnya <marquee behavior=”alternate” >
    Ket:
    Scroll = teks bergerak berputar
    Slide = teks bergerak sekali dan berhenti
    Alternate = teks bergerak bolak-balik (misalnya dari kiri kekanan dan kembali lagi)

  • title=”pesan” » mengatur pesan yang muncul saat mouse di atas teks berjalan
  • scrollmount=”angka” » Mengatur kecepatan gerakan teks (0-50). Semakin tinggi angka maka semakin cepat gerakannya.
  • scrolldelay=”angka” » Mengatur waktu tunda gerakan dalam MS (milidetik)
  • loop=”angka|-1|infinite” » Mengatur jumlah loop putaran teks berjalan
  • width=”angka” » Mengatur lebar blok teks berjalan dalam pixel/persen
  • height=”angka” » Mengatur tinggi blok teks berjalan dalam pixel/persen
  • style=”border: “angka px #warna” » Mengatur tebal & warna pada bingkai blok teks berjalan, misalnya <marquee style=”border: 2px solid #000000;”>

Nah, itulah sedikit tips singkat cara membuat efek tulisan berjalan (marquee) di blog Anda. Semoga artikel ini bisa menambah wawasan dan dapat bermanfaat bagi blog anda.



Penulis mempublikasikan postingan ini hari Tuesday tanggal 16 September 2014 jam 17.27 di kategori Tips Kode HTML, Tips Wordpress/Blogger. Silahkan tinggalkan pesan/komentar/saran apapun yang baik & berguna.
Dimohon setiap pengunjung agar tak melipatgandakan materi website ini ke bentuk apapun tanpa izin penulis. Jika sebagian isi konten/kode HTML/link gambar website ini diedit lalu copy-paste ke blog lain, harap cantumkan alamat link website ini sebagai sumber atau bisa copy kode HTML ini (Ctrl X): .
Semoga artikel ini bisa bermanfaat. Sekian dan terima kasih atas kunjungannya.

Komentar telah ditutup.