Halo sobat kali ini admin akan membagikan Cara Membuat Teks Berjalan di Blog . Sering kali kita melihat running text / teks berjalan baik itu di layar bawah postingan blog atau website lainnya yang semata-mata untuk maksud mengarahkan pusat perhatian ke arahnya. Dalam dunia blog dikenal dengan nama Marquee, Karena menggunakan kode bahasa HTML marquee.Banyak model tulisan berjalan dari “bahan” marquee yang dapat kita buat dengan sangat mudah,Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah mengetahuinya. tapi disini admin mencoba untuk sharing kepada teman-teman yang belum mengetahui Cara Membuat Teks Berjalan di Blog . saya rasa pasti sudah pernah.. namanya marquee sob! fungsinya sebenarnya hanyalah sebagai hiasan di blog, hampir sama dengan headline news ( baca : memasang headline news di blog ) cuma yang ini lebih mudah ngaturnya, terutama dalam mengatur gerakan / prilaku teks yang di inginkan. Bagaimana sobat jika anda ingin mengikuti tutorialnya silahkan saja langsung diikuti langkah langkahnya sebagai berikut :
1. cara membuat teks berjalan dari kanan ke kiri
<marquee align="center" direction="left" scrollamount="2">Contoh Tulisan Berjalan</marquee>Demo : Klik Disini
2. cara membuat teks berjalan dari kiri ke kanan
<marquee align="center" direction="right" scrollamount="2">Contoh Tulisan Berjalan</marquee>Demo : Klik Disini
3. cara membuat teks berjalan bolak-balik
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>Demo : Klik Disini
4. cara membuat teks berjalan dari bawah keatas
<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>Demo : Klik Disini
5. cara membuat teks berjalan dari atas kebawah
<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>Demo : Klik Disini
6. cara membuat teks berjalan tembus dari kiri kekanan
<center>
<marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%">
<marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee>
</center>Demo : Klik Disini
7. cara membuat teks berjalan tembus kanan kekiri
<center>
<marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%">
<marquee direction="left"> Contoh Tulisan Berjalan </marquee>
</marquee>
</center><center>
<marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%">
<marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
</marquee>
</center><div style="background: #12e517; border: 5px double red; color: black; font-size: 30px; padding: 10px; text-align: center; width: 600px;">
<marquee align="center" direction="left" scrollamount="2">Contoh Tulisan Berjalan</marquee>
</div><div style="background: #12e517; border: 5px double red; color: black; font-size: 30px; padding: 10px; text-align: center; width: 600px;">
<marquee behavior="scroll" scrollamount="10">Cara</marquee><br />
<marquee behavior="scroll" scrollamount="7">Buat</marquee><br />
<marquee behavior="scroll" scrollamount="4">tulisan</marquee><br />
<marquee behavior="scroll" scrollamount="1">berjalan</marquee>
</div><div style="background: #12e517; border: 5px double red; color: black; font-size: 30px; padding: 10px; text-align: center; width: 600px;">
<marquee behavior="scroll" onmouseout="this.start();" onmouseover="this.stop();">
<a href="#" title="Klik tulisan ini pasti berhenti">Klik tulisan ini pasti berhenti</a></marquee>
</div>12. Cara membuat teks berjalan dengan efek bounce (teks mantul)
Script HTML :
<marquee direction="down" width="100%
"height="200" behavior="alternate" style="border:solid">
<marquee behavior="alternate">
Tulisan bounce memantul
</marquee>
</marquee>Demo :
See the Pen MWjJogp by jagoankodeblog (@jagoankodeblog) on CodePen.
