Kali ini saya akan membagikan cara membuat tulisan berjalan pada blog kalian.
Mungkin kalian pernah lihat blog teman kalian ada tulisan berjalan.
Oke langsung saja ya kalian simak caranya di bawah ini :
1. Tulisan bergerak dari kanan ke kiri
<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>
hasilnya2. Tulisan bergerak dari kiri ke kanan <marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
hasilnya3. Teks bergerak bolak balik ( mondar - mandir ) dari kiri ke kanan<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
hasilnya4. Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
hasilnya5. Teks bergerak dari atas ke bawah <marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
hasilnya6. Teks bergerak dari bawah ke atas <marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
hasilnya7. Teks bergerak mondar- mandir dari atas ke bawah <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
hasilnya8. Teks bergerak zig - zag ( diagonal ) memantul <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>
hasilnya
9. Teks bergerak zig - zag ( diagonal ) tembus <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>
hasilnya
Contoh Tulisan BerjalanCara memasang :1. Login ke akun blog sobat2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript3. Masukkan kode marquee dari salah satu tulisan berjalan diatas4. Klik save dan lihat hasilnya.tambahan :- Direction : untuk mengatur pola gerakan teks (left, right, up dan down)
- Scrollamount : untuk mengatur kecepatan gerakan teks. Naikkan angkanya ( dari 2 menjadi 3 ) untuk mempercepat gerakan dan sebaliknya.
- Behavior ( scroll/slide/alternate ): untuk mengatur prilaku gerakan.
- Untuk menambahkan background, padding, border, color, dll pada marquee, silahkan sisipkan kode marquee antara kode berikut
<div style="background: #000000; border: 2px solid #FF0000; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center">Contoh Tulisan Berjalan</marquee>
</div>
hasilnya :Contoh Tulisan Berjalan
- Untuk menyisipkan link pada marquee, gunakan kode berikut :
<div style="background: #FFFFFF; border: 2px solid #FF0000; color: black; font-size: 20px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center"><a href="http://hunterdigitalcryptocurrency.blogspot.com"/>Cara Membuat Teks Berjalan di Blog</a></marquee>
</div>
catatan :
ganti tulisan yang berwana biru dengan Url yang di inginkan.
hasilnya :- Contoh lain penggunaan link pada marquee yaitu dengan menggunakan kode berikut :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href=" http://hunterdigitalcryptocurrency.blogspot.com/">Giman Crypto</a><br/>
<a href="http://hunterdigitalcryptocurrency.blogspot.com/">Giman Crypto</a><br/>
<a href="http://hunterdigitalcryptocurrency.blogspot.com">Giman Crypto</a><br/>
</marquee>
catatan :
kode yang di cetak tebalnya adalah perintah pada teks untuk terhenti ketika di lewati pointer
Hasilnya :Terimakasih atas kunjungannya semoga artikel ini bermangfaat bagi anda.Jangan lupa follow melalui alamat email kalian!
Komentar
Posting Komentar
Mohon untuk berkomentar dengan kata - kata yang sopan, tidak mengandung kata-kata pornografi, pelecehan asusila dan / mencemarkan nama baik.