Cara Membuat Teks Berjalan di Blog

Hai sobat blogger. Ketemu lagi nih di sore hari yang cerah ini. Kali ini saya akan berbagi info mengenai Cara Membuat Teks Berjalan di blog. Pernahkan sobat melihat ada teks yang berjalan mondar-mandir ke atas, kebawah, maupun ke sampung di suatu blog ? Itu namanya marquee sob! Fungsi dari teks berjalan ini sebagai  hiasan blog. Tapi banyak dari blogger yang menggunakan teks berjalan ini adalah sebagai alternatif jika suatu widget memiliki kalimat yang banyak. Saya menggunakan efek teks berjalan ini sebagai efek untuk widget BLOG SAHABAT. Walaupun widget ini memiliki karakter yang sedikit, tetapi saya menggunakan efek teks berjalan ini agar widget yang satu ini lebih hidup.
Oke,bagi sobat yang tertarik menggunakan efek teks berjalan ini. Silahkan pilih jenis teks berjalan dibawah ini.

1. Tulisan Bergerak dari kanan ke kiri

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

Hasil :

Contoh Tulisan Berjalan

2. Tulisan Bergerak dari kiri ke kanan

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

Hasil :

Contoh Tulisan Berjalan

3.Teks Bergerak Bolak-Balik (Mondar - Mandir) dari kiri ke kanan

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

Hasil :

Contoh Tulisan Berjalan

4. Teks Bergerak Bolak-Balik (Mondar-Mandir) dari kanan ke kiri

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

Hasil :

Contoh Tulisan Berjalan

5. Teks Bergerak Dari Atas ke Bawah

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

Hasil:

Contoh Tulisan Berjalan

6.Teks Bergerak Dari Bawah ke Atas

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

Hasil :

Contoh Tulisan Berjalan

7. Teks Bergerak Bolak Balik dari Atas Ke Bawah

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

Hasil :

Contoh Tulisan Berjalan

8. Teks Bergerak Zig Zag (Diagonal) Memantul

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

Hasil :

Contoh Tulisan Berjalan

9. Teks Bergerak Zig Zag (Diagonal) Tembus

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

Hasil :

Contoh Tulisan Berjalan



Cara Pasang :
1. Login ke Blog
2. TATA LETAK - ADD GADGET - HTML JAVASCRIPT
3. Paste salah satu kode diatas
4. Save Selesai

Tambahan :

• Direction : untuk mengatur pola gerakan teks (left, right, up dan down)
• Scrollamount : untuk mengatur kecepatan gerakan teks. Naikkan angkanya ( dari 2 menjadi 3 ) untuk mempercepat gerakan dan sebaliknya.
• Behavior ( scroll/slide/alternate ): untuk mengatur prilaku gerakan.
• Untuk menambahkan background, padding, border, color, dll pada marquee, silahkan sisipkan  kode marquee antara kode berikut.

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

Hasil :

Contoh Tulisan Berjalan

Untuk menyisipkan LINK pada Marquee, gunakan kode dibawah ini.

<div style="background: #FFFFFF; border: 2px solid #FF0000; color: black; font-size: 20px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center"><a href="http://berbagilmubersamaraffi.blogspot.com/2013/06/cara-membuat-teks-berjalan-di-blog.html"/>Cara Membuat Teks Berjalan di Blog</a></marquee>
</div>

Tambahan :
Ganti URL biru dengan URL Sobat.

Hasil :

Cara Membuat Teks Berjalan di Blog

Contoh lain penggunaan link pada marquee yaitu dengan menggunakan kode berikut.

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href=" http://berbagilmubersamaraffi.blogspot.com/2013/06/cara-membuat-teks-berjalan-di-blog.html">cara membuat teks berjalan</a><br/>
<a href="http://berbagilmubersamaraffi.blogspot.com/2013/06/cara-membuat-teks-berjalan-di-blog.html">cara membuat teks berjalan</a><br/>
<a href="http://berbagilmubersamaraffi.blogspot.com/2013/06/cara-membuat-teks-berjalan-di-blog.html">cara membuat teks berjalan</a><br/>
</marquee>

Tambahan :
Jika link disentuh maka akan berhenti.
Kode biru adalah URL Link.
Kode merah adalah nama Linknya.Silahkan sobat ganti atau pun menambahkannya.

Hasil :

cara membuat teks berjalan
cara membuat teks berjalan
cara membuat teks berjalan



Nah itu dia posting mengenai Teks Berjalan.
Semoga Info ini Bermanfaat.