Cara Membuat Teks Berjalan Pada Blog

Selamat malam bos kuh, bertemu lagi dengan saya. Nah, pada tutorial kali ini saya akan membagikan pernik blog, yakni tentang cara membuat tulisan berjalan di blog. Oke langsung check up saja ya bos kuh.

1. Berjalan Dari Kanan ke Kiri

Contoh Tulisan Berjalan

Untuk contoh tulisan berjalan seperti di atas, kodenya yaitu :

 Kode: <marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

2. Berjalan dari kiri ke kanan

Contoh Tulisan Berjalan Dari Kiri Ke Kanan

Kode: <marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan Dari Kiri Ke Kanan </marquee>

3. Teks berjalan dari atas ke bawah

Contoh Tulisan Berjalan

Kode :
<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

4. Teks berlajan dari bawah ke atas

Contoh Tulisan Berjalan

Kode:
<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

5. Teks berjalan Memantul

Contoh Tulisan Berjalan

Kode:
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>

6. Teks berjalan 2 warna (ucapan selamat datang)

<< Selamat >><< Datang >>

Kode: <div style="text-align: center;">
<span style="font-size: x-large;">
<marquee bgcolor="black" style="color: red;" direction="left" width="130">
<b>&lt;&lt;</b><b> Selamat &gt;&gt;</b>
</marquee>
<marquee bgcolor="black" style="color: blue;" direction="right" width="130">
<b>&lt;&lt; Datang &gt;&gt;</b>
</span>
</marquee>
</div>

 7. Teks Berjalan Zigzag

TEK BERJALAN ZIG-ZAG

Kode:
<marquee behavior="alternate" direction="up" height="50px"><marquee direction="right">TEKS BERJALAN ZIG-ZAG</marquee></marquee>

8. Teks berjalan dengan memasukan alamat web kita

Programer SEO

Kode:
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="10"><a href="#">Programmer SEO</a> </marquee>

Catatan: 
Ubah tanda # yang berwarna merah itu dengan url web kamu. contohnya https//belajarseokompleks,blogspot.com

9. Kreasikan Tulisan Berjalan Sesuka Hati
Kita sudah mempelajari berbagai kode tulisan berjalan, nah sekarang coba kita buat sendiri teks berjalan sesuai kreasi kita sendiri. Contohnya saya akan mengkombinasikan antara Tulisan yang berjalan dari kiri ke kanan dengan dari atas ke bawah. caranya yaitu, pasangkan kode tersebut secara berbarengan. Lihat kode nomor 2 dan nomor 4.

Kodenya yaitu:
<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan Dari Kiri Ke Kanan </marquee><marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

Hasilnya akan seperti teks dibawah ini

Contoh Tulisan Berjalan Dari Kiri Ke Kanan Contoh Tulisan Berjalan

Cara Memasang teks berjalan yaitu :

1. Klik Tata Letak

2. Tambahkan gadget 

3. Pilih HTML/Javascript

3. Masukan salah satu kode teks berjalan diatas sesuai yang kamu inginkan

4. Klik simpan

6. Klik lihat blog untuk melihat hasil karya kamu

Share :