Cara Mudah Membuat Teks Berjalan MARQUEE dengan Berbagai Efek Menarik

SPOTROID - Text Marquee. Teks yang ada di blog / web pada dasarnya sama dan menetap tanpa bergerak sama sekali seperti posisi yang telah ditetapkan.

Tetapi dibalik itu semua kita dapat mengakali teks tersebut bisa bergerak lengkap dengan berbagai efek (kiri-kanan, kanan-kiri, atas-bawah, bawah-atas, memantul dan juga bolak-balik.

Apa yang dimaksud dengan teks berjalan?
Teks berjalan adalah berupa beberapa huruf yang bergerak kekiri, kekanan, kebawah dan juga keatas sesuai ketentuan yang ditetapkan.

Teks berjalan atau bergerak dibuat dengan menggunakan tag <marquee> ~ tag marquee tersebutlah yang bakalan mendorong pergerakan dari teks yang ingin diberi efek gerakan. Biasanya text marquee ditargetkan pada hal-hal penting dan menarik.

Marquee teks berjalan ini bisa diletakkan dimana saja seperti di atas header blog, pada sidebar blog, footer blog atau didalam postingan blog itu sendiri.

Namun Marquee ini tidak di izinkan penggunaannya pada template valif AMP. Template AMP yang baru-baru ini ramai diperbincangkan di kalangan para Blogger.

Baiklah sobat spot, kita melangkah lebih lanjut kita akan langsung pada tahapan penerapan dan contoh efek kode Marquee untuk teks berjalan seperti pada contoh berikut ini.

Macam Macam Kode Marquee HTML Blog / Website


1. Marquee defaul yang bergerak dari kanan ke kiri.

<marquee>TEKS BERGERAK KE KIRI DISINI</marquee>

2. Marquee yang bergerak kekanan

<marquee direction="right">TEKS BERGERAK KE KANAN DISINI</marquee>

3. Marquee yang bergerak ke atas.

<marquee direction="up">TEKS BERGERAK KE ATAS</marquee>

4. Marquee yang bergerak ke bawah.

<marquee direction="down">TEKS BERGERAK KE BAWAH</marquee>

5. Marquee yang bergerak memantul kiri kanan.

<marquee behavior="alternate">TEKS BERGERAK MEMANTUL KIRI KANAN</marquee>

6. Marquee yang bergerak berputar.

<marquee scrolldelay="5" behavior="alternate" direction="up" width="100%" scrollamount="5" height="70px">
<marquee scrolldelay="5" behavior="alternate" direction="left" scrollamount="5">TEKS MEMUTAR / MEMANTUL KANAN, KIRI, ATAS, BAWAH</marquee>
</marquee>

Udah kayaknya untuk artikel ini cukup sampai disini ya. Jangan lupa untuk membaca update artikel terbaru spot.

Untuk masing-masing demo dari Marquee di atas memang sengaja tidak ditampilkan, karena akan melanggar dengan fitur khusus AMP di hasil pencarian Google.

Related Posts:

Disqus Comments
© 2017 SPOTROID - Template Created by goomsite - Proudly powered by Blogger