Apr-18 171739 Tips Cara membuat efek tulisan teks berjalan marquee di blogSelamat Friday malam, 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 27 April berikut:

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.
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): .

Ok. Demikianlah postingan Tips : Cara menulis kode HTML membuat efek teks berjalan/marquee di Situs web/Blog. Semoga artikel ini bisa bermanfaat dan menambah wawasan anda. Sekian terima kasih atas kunjungannya. Silahkan membagi artikel ini ke teman atau kenalanmu dengan mengklik salah satu sharing ikon dibawah!
Facebook Google Twitter Whatsapp
dan Jangan lupa tinggalkan pesan/komentar/saran apapun yang baik & berguna dibawah ini!

Komentar membutuhkan akun facebook.