Cara Mudah Membuat Tulisan Berjalan di Blog

Baca Juga

Membuat Tulisan 

Jumpa lagi dengan saya Bang dimar kali ini saya akan menulis cara membuat tulisan berjalan di blog tentu kalian sebagai netizen pernahkan bukak blog trus ada tulisan yang berjalan

Anda pingin tau atau penasaran gimanasih cara membuatnya?.. Ternyata membuatnya mudah yuk langsung saja di simakya setelah bisa membuat nanti di pastakan di HTML /JAVA SCRIPT

Tulisan bergerak
Silahkan kalo mau copy scriptnya

1. Tulisan bergerak dari kanan ke kiri

<div style="background: #000000; border: 2px solid #FF0000; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee align="center" direction="left" scrollamount="6"> Tulisan Berjalan</marquee>
</div>

Hasilnya

Tulisan Berjalan

2. Tulisan dari kiri ke kanan

<div style="background: #000000; border: 2px solid #FF0000; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee align="center" direction="right" scrollamount="6"> Tulisan Berjalan</marquee>
</div>

Hasilnya

Tulisan Berjalan

3. Tulisan bergerak dari atas kebawah

<div style="background: #000000; border: 2px solid #FF0000; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee align="center" direction="down" scrollamount="6"> Tulisan Berjalan</marquee>
</div>

Hasilnya

Tulisan Berjalan

4. Tulisan bergerak dati bawah ke atas

<div style="background: #fff81f; border: 4px solidfont-weight; color: red; font-size: 30px; font-wei: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee align="center" direction="up" Siroo Lan="6"> Tulisan Berjalan</marquee>
</div>

Hasilnya

Tulisan Berjalan

5. Tulisan bergerak dari kanan ke kiri

<div style="background: #66ff00; border: 2px double #FF0000; color: blue; font-size: 30px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee align="center" direction="left" scrollamount="6"> Tulisan Berjalan</marquee>
</div>

Hasilnya

Tulisan Berjalan

6. Tulisan bergerak dari bawah ke atas

<div style="background: #ff0033; border: 2px solid #3300cc; color: white; font-size: 40px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee align="center" direction="up" scrollamount="6"> Tulisan Berjalan</marquee>
</div>

Hasilnya

Tulisan Berjalan

7. Tulisan bergerak dari atas ke bawah

<div style="background: #fff81f; border: 4px solidfont-weight; color: black; font-size: 30px; font-wei: bold; letter-spacing: 0.5em; padding: 15px;">
<marquee align="center" direction="down" scrollamount="6"> Tulisan Berjalan</marquee>
</div>

Hasilnya

Tulisan Berjalan

8. Tulisan bergerak dari bawah ke atas di sertai link

<marquee align="center" direction="up" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%"><a href="https://bangdimar.blogspot.my/2016/10/cara-membuat-efek-teks-warna-warni-di.html?m=1">cara membuat efek teks warna warni</a><br />
<a href="https://bangdimar.blogspot.my/2016/10/cara-mudah-membuat-garis-tepi-dan-warna.html?m=1">cara mudah membuat garis tepi dan warna</a><br />
<a href="https://bangdimar.blogspot.my/2016/10/cara-membuat-daftar-isi-blog-otomatis.html?m=1">Cara membuat daftar isi blog otomatis</a><br />
</marquee>

Bergerak disertai link

  Cara membuat efek teks warna warni
Cara mudah membuat garis tepi dan warna
Cara membuat daftar isi blog otomatis