Trik Membuat Variasi Tulisan Berjalan di Blog

 
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

1 komentar:

Raja Antrian mengatakan...

Terimakasih caranya, sangat bermanfaat sekali

Jangan lupa kunjungi -> http://raja-alatantrian.blogspot.co.id/ untuk anda yang mencari alat antrian dan alat survey pelanggan yang lengkap, atau juga bisa hub kami 082150065758 , pin 2a9be37c

Posting Komentar