Dec-17 072052 Tips Cara membuat efek tulisan teks berjalan marquee di blogSelamat Wednesday siang, bloggerholic mania!
Banyak sekali cara membuat situs web blog anda agar lebih menarik perhatian banyak pengunjung, mungkin tahun 2017 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 13 December berikut:

 | 6 Polres dan 3 Kapolres Raih Penghargaan Indeks Tata Kelola Tinggi |  | PPP Kubu Romi Kembali ke Kantor DPP yang Ditinggal Djan Faridz |  | Kasus Korupsi UPS Alex Usman, MA Kabulkan Kasasi Jaksa |  | Deklarasi Sudirman Said Cagub Jateng, Anies Ikut ke Rumah Prabowo |  | Novanto Disidang, Aziz Syamsuddin ke Pengadilan Tipikor |  | Mudik Natal dan Tahun Baru, Dishub Cek Bus di Terminal Kalideres |  | Kemenhub Bawa Guru Se-Banten ke Tengah Selat Sunda Mengenal Krakatau |  | Sempat Kejar-kejaran dengan Polisi, Pengedar 10 Kg Sabu Dibekuk |  | Hashim Djojohadikusumo Kembali Temui Anies di Balai Kota |  | Ada Buku 'Yerusalem Ibu Kota Israel', Anang Soroti UU Sistem Perbukuan | 

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.