Langsung ke konten utama

Kode HTML Untuk Marquee (Teks Berjalan)

Ngeblog atau mengelola blog bisa menjadi aktivitas yang mengasyikan. Apalagi jika kita mulai tertarik untuk mengutak-atik blog agar tampil lebih menarik.
Salah satu cara agar tampilan blog tampak menarik adalah dengan menampilkan marquee atau teks berjalan.
Secara umum marquee dapat dibuat dengan kode HTML:
<marquee>Kata yang ingin anda tampilkan</marquee>
Hasilnya seperti ini:
Kata yang ingin anda tampilkan

Secara default marquee bergerak dari kanan ke kiri. Anda dapat mengubah arahnya dengan menambahkan kode direction="right", direction="left", direction="up", atau direction="down".
Sehingga kode HTML yang anda tulis menjadi seperi ini:
<marquee direction="right">Kata yang ingin anda tampilkan</marquee>
Anda ubah "right" dengan "left", "up" atau "down"
    Hasilnya adalah seperti ini:
    Kata yang ingin anda tampilkan
    Kata yang ingin anda tampilkan
    Kata yang ingin anda tampilkan
    Kata yang ingin anda tampilkan

    Selain arah gerakan, Anda juga bisa menambahkan perilaku marquee dengan kode behavior="scroll", behavior="alternate", behavior="slide". "scroll" untuk perilaku normal bergerak dari satu arah ke arah yang lain, "alternate" untuk perilaku bergerak dari satu arah ke arah lain dan kembali ke arah semula, "slide" untuk perilaku bergerak dari satu arah ke arah yang lain dan berhenti.
    Kode yang Anda buat seperti ini:
    <marquee behavior="scroll">Kata yang ingin anda tampilkan</marquee>
    <marquee behavior="alternate">Kata yang ingin anda tampilkan</marquee>
    <marquee behavior="slide">Kata yang ingin anda tampilkan</marquee> 

    Hasilnya seperti ini:
    Kata yang ingin anda tampilkan
    Kata yang ingin anda tampilkan
    Kata yang ingin anda tampilkan

    Selain arah dan perilaku, Anda juga bisa menambahkan hal-hal berikut pada marquee:

    1. Kecepatan dengan menambahkan kode scrollamount="2". Angka 2 bisa anda ganti dengan angka lain. Semakin besar angka, semakin cepat berjalannya teks.
    2. Lebar lintasan marquee dengan menambahkan kode width="70%" (menggunakan prosentase halaman blog/web) atau width="150" (menggunakan ukuran pixel).
    3. Tinggi lintasan dengan kode height="100". Angka 100 silakan anda ganti dengan angka lain dan lihat efeknya.
    4. Warna latar dengan kode bgcolor="red". Warnanya bisa diganti dengan warna lain. Silakan langsung praktek.
    5. Warna dan jenis huruf bisa anda gunakan kode <font face="arial" color="blue"><marquee>Kata yang ingin anda tampilkan</font></marquee>. 
    Sebagai hasil perpaduan kode tersebut misalnya seperti ini:
    <marquee bgcolor="black" scrollamount="6" width="100%" behavior="alternate"><font face="verdana" color="magenta">Silakan praktekkan sendiri</font></marquee>

    Dan ini hasilnya:
    Silakan praktekkan sendiri

    Label:

    Komentar

    Posting Komentar

    Postingan populer dari blog ini

    Cara Memberi Warna Background Judul Widget Blog

    Secara default, Blogger tidak memberi fasilitas untuk memberi warna lain selain putih untuk latar judul widget. Jika Anda ingin memberi warna pada backgroung judul widget sehingga menjadi terlihat lebih menarik dan blog Anda terlihat cantik, maka inilah yang perlu Anda lakukan: Anda login ke Blogger. Kemudian di Dashboard, Anda klik Template Klik Edit HTML Anda cari kode ]]></b:skin > jika kesulitan mencarinya, coba Anda tekan Ctrl + F pada keyboard kemudian tuliskan kode di atas pada kotak pencarian yang muncul. Jika kode  ]]></b:skin> sudah diketemukan, copy paste kode di bawah ini di atas kode tersebut: .sidebar h2 { background: #009900 ; color: #ffffff; margin: 0px 0px 8px 0px; box-shadow: 0 0 0 4px #009900 , 2px 1px 6px 4px rgba(10, 10, 0, 0.5); border-radius: 3px; -moz-border-radius: 1px; -webkit-border-radius: 1px; text-align: center ; Keterangan : yang berwarna biru pada kode HTML di atas bisa Anda ubah sesuai
    25 komentar
    Baca selengkapnya

    Cara Mendapatkan Uang Dengan Ziddu

    Katakanlah posisi saya sama dengan Anda, yaitu berusaha mendapatkan uang dari internet walau hanya untuk satu atau dua dolar. Dan saya rasa mendapatkan uang secara online itu tidak mudah. Sungguh tidak mudah. Cara itu ini sudah dilakukan yang kebanyakan berakhir dengan kekecewaan. Tapi syukurlah, rasa penasaran masih tetap menyala yang mendorong untuk terus berusaha. Dan mari bersepakat untuk tidak menyerah. Mungkin suatu hari nanti sampai juga kita di tempat yang dituju, yaitu sampainya uang ditangan sebagai hasil jerih payah dalam 'make money online'. Untuk alasan itulah postingan ini saya tulis. Sebenarnya ini bukan mengatakan sebuah cerita sukses. Ini lebih merupakan ajakan terutama bagi yang belum bergabung. Anda pasti tak asing dengan Ziddu atau ziddu.com . Ya sebuah situs dimana orang bisa mendownload atau mengupload file. Kebanyakan orang juga sudah tahu bahwa jika kita menyimpan file di ziddu, kemudian orang mendownload file tersebut melalui link yang ki
    Posting Komentar
    Baca selengkapnya

    Inilah 9 Langkah Mengubah Teks Menjadi Video

      Untuk mengubah teks menjadi video, Anda dapat menggunakan berbagai perangkat lunak dan alat yang tersedia. Berikut langkah-langkah umumnya: Pilih Perangkat Lunak atau Alat yang Tepat: Anda dapat menggunakan perangkat lunak seperti Adobe Premiere Pro, Final Cut Pro (untuk pengguna Mac), atau aplikasi online seperti Kapwing, Renderforest, atau Clipchamp. Pilihlah yang sesuai dengan kebutuhan dan tingkat keahlian Anda. Siapkan Teks: Buat atau siapkan teks yang ingin Anda konversi menjadi video. Anda bisa menulisnya dalam format dokumen teks atau menggunakannya dalam format skrip. Buat Proyek Baru: Buka perangkat lunak atau alat yang Anda pilih dan buat proyek baru. Tambahkan Teks: Di dalam perangkat lunak tersebut, biasanya ada fitur untuk menambahkan teks ke dalam proyek Anda. Anda dapat mengetikkan teks yang ingin Anda gunakan atau menyalin teks yang sudah Anda siapkan sebelumnya. Atur Tampilan Teks: Sesuaikan tampilan teks sesuai keinginan Anda. Anda bisa memilih jenis huruf, uk
    Posting Komentar
    Baca selengkapnya