Trik Membuat Variasi Tulisan Berjalan di Blog

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

 

Saya yakin Sobat blogger pernah melihat text berjalan pada sebuah blog, memang terkadang para blogger sengaja membuat tampilan blognya supaya lebih menarik dengan berbagai cara, salah satunya dengan membuat tulisan/Text berjalan, pada posting kali ini Saya akan sharing tentang trik membuat tulisan berjalan dengan berbagai Variasi.

1.  Tulisan Bergerak dari Kanan ke Kiri (Tembus).
Kode Html:
<marquee direction="left" scrollamount="2"      align="center">Numpang Lewat Bos</marquee>

Lihat hasilnya

Numpang Lewat bos

2. Tulisan Bergerak dari Kiri ke Kanan (Tembus).
Kode Html:
<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

Lihat hasilnya
Numpang Lewat Bos

3.  Tulisan bergerak Mondar Mandir Dari Kiri Ke Kanan
kode Html
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Numpang lewat Bos </marquee>

Lihat Hasilnya
Numpang lewat Bos

4.  Tulisan bergerak Mondar Mandir dari Kanan ke Kiri.
Kode Html:
<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Numpang Lewat Bos </marquee>

Lihat Hasilnya
Numpang Lewat Bos

5.  Tulisan bergerak dari atas ke bawah.
Kode Html:
<marquee direction="down" scrollamount="2" align="center"> Numpang Lewat Bos </marquee>

Lihat hasilnya
Numpang Lewat Bos

6.  Tulisan bergerak dari bawah ke atas.
Kode Html:
<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

Lihat hasilnya
Contoh Tulisan Berjalan


Tutorial memasang :
==>> Login ke account Bloger Anda.
==>> Klik Tata letak.
==>> klik tambahkan Gadget dan pilih Html Java script.
==>> masukkan kode yang anda inginkan di atas.
==>> Klik Simpan dan lihat hasilnya.

Catatan :
* Direction : Untuk mengatur pola gerakan texts. (Left, Right, Up, Down)
* Scrollamount : Untuk mengatur kecepatan gerakan texts. (naikkan angkanya dari 2 menjadi 3) Untuk mempercepat gerakan dan sebaliknya.
* Behavior : (Scroll/Slide/Alternate) : Untuk mengatur perilaku gerakan.
* Untuk menambahkan Background, Padding, Border, Color dll pada merquee, silahkan
   sisipkan kode marquee antara kode di bawah ini.

<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">Numpang Lewat Bro</marquee>
</div>

Lihat hasilnya

Numpang Lewat Bro

Happy Blogging...!!!!!!!

Artikel Terkait