05/07/2018

Cara Membuat Teks Berjalan di Blog

yPernahkah Anda melihat teks berjalan di blog? Saya pikir itu pasti. Disebut MARQUEE, fungsi sebenarnya hanya sebagai hiasan di blog, hampir sama dengan berita utama "baca: letakkan berita utama di blog" hanya ini lebih mudah untuk mengaturnya, terutama dalam mengatur gerakan / perilaku teks yang di inginkan. Sobat yang tertarik menulis mondar-mandir ini, silakan ikuti tutorialnya.
Cara Membuat Teks Berjalan di Blog
1. Login ke akun blog sobat
  1. Klik Rancangan > Elemen Laman > ADD Gadget > HTML/Javascript
  2. Masukkan kode marquee dari salah satu tulisan berjalan di bawah
4. Klik Save

  • Tulisan Berjalan Default:
Kode:
<marquee>BloDroi Sedang Jalan</marquee> 
Hasil:
BloDroi Sedang Jalan

  • Tulisan Kanan Kiri Bolak Balik:
Kode:
<marquee direction="Left" scrolldelay="2" scrollamount="2" align="center" behavior="alternate">BloDroi Sedang Jalan</marquee>
Hasil:
BloDroi Sedang Jalan

  • Tulisan berjalan detik
Kode:
<marquee scrolldelay="250">BloDroi Sedang Jalan 0.25 Detik</marquee>
Hasil:
BloDroi Sedang Jalan 0.25 Detik

  • Tulisan berjalan sesuai ukuran area
Kode:
<marquee width="40%">BloDroi Sedang Jalan 50% Area</marquee>
Hasil:
BloDroi Sedang Jalan 40% Area

  • Tulisan berjalan berhenti ketika kursor mouse diatas teks
Kode:
<marquee onmouseover="this.stop()" onmouseout="this.start()">BloDroi Sedang Jalan Berhenti Ketika Kursor Mouse Diatas Teks</marquee>
Hasil:
BloDroi Sedang Jalan Berhenti Ketika Kursor Mouse Diatas Teks

  • Tulisan dari atas ke bawah
Kode:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="100%" height="50" align="center">
<a href="https://blodroi.blogspot.com/">BloDroi</a><br/>
<a href="https://blodroi.blogspot.com/">BloDroi</a><br/>
<a href="https://blodroi.blogspot.com/">BloDroi</a></marquee>
Hasil:

  • Tulisan Atas Bawah Bolak Balik:
Kode:
<marquee direction="up" scrollamount="2" align="center" behavior="alternate">BloDroi Sedang Jalan</marquee>
Hasil:
BloDroi Sedang Jalan

Demikian Cara Membuat Teks Berjalan di Blog. Semoga berhasil dan terima kasih.

No comments:

Post a Comment