Tutorial Blog

Cara membuat tulisan berjalan di blog

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

Script HTML
 
<marquee align="center" direction="left" scrollamount="2">Contoh Tulisan Berjalan</marquee>
 

Demo : Klik Disini

2. cara membuat teks berjalan dari kiri ke kanan

Script HTML
 
<marquee align="center" direction="right" scrollamount="2">Contoh Tulisan Berjalan</marquee>
 

Demo : Klik Disini

3. cara membuat teks berjalan bolak-balik

Script HTML
 
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
 

Demo : Klik Disini

4. cara membuat teks berjalan dari bawah keatas

Script HTML
 
<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
 

Demo : Klik Disini

5. cara membuat teks berjalan dari atas kebawah

Script HTML
 
<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
 

Demo : Klik Disini

6. cara membuat teks berjalan tembus dari kiri kekanan

Script HTML
 
<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

 
Script HTML
 
<center>
<marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%">
<marquee direction="left"> Contoh Tulisan Berjalan </marquee>
</marquee>
</center>
 
Demo : Klik Disini

8. cara membuat teks berjalan kanan kekiri mantul
 
Script HTML
 
<center>
<marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%">
<marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee>
</marquee>
</center>
 
Demo : Klik Disini

9. cara membuat teks berjalan didalam kotak
 
Script HTML
 
<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>
 
Demo : Klik Disini

10. cara membuat teks berjalan didalam kotak secara acak.
 
Script HTML
 
<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>
 
Demo : Klik Disini

11. cara membuat teks berjalan diklik tulisannya maka akan berhenti
 
Script HTML
 
<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.

About the author

Kahfie IDN

Pengetahuan adalah kebebasan, dan ketidaktahuan adalah perbudakan.

Leave a Comment