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 ses...
    22 komentar
    Baca selengkapnya

    Bagaimana Cara Menambah Submenu di Blogspot?

    Urusan mempercantik blog agar terlihat menarik memang merupakan salah satu kesibukan para blogger. Ada saja usaha-usaha yang dilakukan agar blog tidak terlihat terlalu sederhana atau miskin 'make up'. Salah satu cara menambah daya tarik blog agar terlihat kaya adalah dengan menambahkan menu dan submenu. Di Blogger sendiri sebenarnya ada fasilitas Pages yang bisa anda tambahkan di Layout dengan cara klik Add a Gadget kemudian pilih Pages sehingga urusan menampilkan menu tak ada masalah. Hanya ketika hendak menambah sub menu timbul kesulitan karena memang tak ada fasilitas untuk itu. Jika anda bermaksud menambahkan sub menu pada menu yang sudah ada, lakukan saja langkah berikut ini: 1. Copy seluruh kode berikut ini: <style> /* -- Menu Horizontal + Sub Menu-- */ #cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;} #cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;} #cat-nav a:hov...
    10 komentar
    Baca selengkapnya

    bbcprofit.com Adalah Situs Scam!

    Saya bergabung dengan bbcprofit.com pada 28 November 2011. Situs ini memberi saya $10 pada saat signup. Uang yang 10$ ini harus didepositkan dimana dari deposit ini kita mendapat 10% per harinya. Dari akumulasi perolehan deposit inilah nanti kita bisa melakukan penarikan (katanya). Tidak seperti justbeenpaid.com yang hanya memberi kita 10$ sekali saja, yaitu ketika signup, situs ini memberi kita $10 setiap hari! Lagi-lagi $10 yang diberikan kepada kita setiap hari tesebut harus didepositkan. Nanti, jika account balance kita (yang kita peroleh dari 10% dari nilai yang kita depositkan) sudah mencapai $1000 maka bbcprofit akan memindahkannya ke account Brokerage. Dari sanalah katanya kita bisa mulai menarik perolehan. Ya seperti yang mereka katakan: Every account will receive a bonus of $10.00 to their account balance every Day. It must be deposited into our plan that will pay you 1% per business day. If you are a free member once your account level reaches $1000.00 we will m...
    12 komentar
    Baca selengkapnya