Cara Menampilkan Running Text (Efek Marquee) Di Postingan Blogger

Teman-teman blogger pasti menginginkan variasi atau costumize tulisan pada blog. Di postingan ini, saya akan memberikan contoh-contoh cara menampilkan atau membuat running text efek Marquee pada bagian postingan blog.

"Salah satu bentuk modifikasi tulisan di blog adalah dengan membuat efek teks yang bisa bergerak atau Running Text. Bisa dari kanan ke kiri, atau dari atas ke bawah dan sebaliknya. Teks efek ini disebut marquee, untuk lebih jelasnya pengertian dari Marquee adalah bahasa HTML untuk memberikan efek sebuah kata atau kalimat menjadi berjalan atau bergerak. Marquee ini mempunyai daya tarik tersendiri karena animasi berjalan/bergeraknya tersebut, selain itu penggunaan marquee ini bisa menghemat tempat pada blog anda"

Cara menempatkan efek running text atau Marquee Effect cukup mudah, yakni :

Gambar. Marquee Running Text HTML

Step 1>> Masuk ke Blogger Account anda, dan pilih Entry Baru (Memulai menulis artikel seperti biasa)

Step 2>> Masukan kode HTML Marquee-nya ke mode HTML

Gambar. Masukan kode HTML Marque Effect di sini

Step 3>> Lihat hasilnya di mode Compose

Gambar. Lihat Hasil Running Textnya di sini

>>Berikut adalah contoh-contohnya :

1.  Running Text Marquee dari kiri ke kanan

Paling Banguet

#Copy Paste kode ini dan ganti Paling Banguet sesuai selera anda:

<marquee direction="right" scrollamount="2"> Paling Banguet </marquee>

2.  Running Text Marquee dari kanan ke kiri

Paling Banguet

#Copy Paste kode ini dan ganti Paling Banguet sesuai selera anda :

<marquee direction="left" scrollamount="2"> Paling Banguet </marquee>

3.  Running Text Marquee dari atas ke bawah

Paling Banguet

#Copy Paste kode ini dan ganti Paling Banguet sesuai selera anda :

<marquee direction="down" scrollamount="2" height="100" width="50%"> Paling Banguet</marquee>

4.  Running Text Marquee dari bawah ke atas

Paling Banguet

#Copy Paste kode ini dan ganti Paling Banguet sesuai selera anda :

<marquee direction="up" scrollamount="2" height="100" width="50%"> Paling Banguet </marquee>

5.  Running Text Marquee dari bawah ke atas

Paling Banguet

Kode ini bisa anda sesuaikan warnanya sesuai dengan selera anda, hanya mengganti warna brown menjadi white, blue, green, yellow, grey, black, dll.

#Copy Paste kode ini dan ganti Paling Banguet sesuai selera anda :

<font color="brown"><marquee direction="right" scrollamount="2" bgcolor="yellow"> Paling Banguet </font></marquee>

6.  Running Text Marquee dari atas ke bawah dan ketika disorot kursor mouse akan berhenti dan kembali bergerak ketika kursor mouse di pindahkan

Arahkan Kursor Mouse Ke Sini

#Copy Paste kode ini dan ganti Arahkan Kursor Ke Sini sesuai selera anda :

<marquee direction="down" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100">Arahkan Kursor Mouse Ke Sini</marquee>

7.  Running Text Marquee Efek Memantul

Paling Banguet

#Copy Paste kode ini dan ganti Paling Banguet sesuai selera anda :

<marquee behavior="alternate" direction="up" height="50px"><marquee direction="right"> Paling Banguet</marquee></marquee>

8.  Running Text Marquee Efek Tulisan Berjalan Dengan Gambar

Paling Banguet

#Copy Paste kode ini dan ganti Paling Banguet dan https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7I_D6j_GSv4cTlH51ZT6UiSnMbI2t0Xf2QJSmlwJOzPXZczLfqQHkN5Pvkh8j-AISQkEnceCXJn1fDjyJXIQU2MM6W-L544TIqR9ZLB5R2NZHmd0wgC6tQc9I_ejEP1fwkoyqiYRgHaQ/s1600/langkah_13a.jpg sesuai selera anda :

<marquee behavior="scroll"><img height="84" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7I_D6j_GSv4cTlH51ZT6UiSnMbI2t0Xf2QJSmlwJOzPXZczLfqQHkN5Pvkh8j-AISQkEnceCXJn1fDjyJXIQU2MM6W-L544TIqR9ZLB5R2NZHmd0wgC6tQc9I_ejEP1fwkoyqiYRgHaQ/s1600/langkah_13a.jpg" width="110">Paling Banguet</marquee>

9.  Running Text Marquee Efek Bouncing Round

Paling Banguet

#Copy Paste kode ini dan ganti Paling Banguet sesuai selera anda :

<marquee behavior="alternate" direction="up" height="100" width="300"><marquee behavior="alternate" direction="right">Paling Banguet</marquee></marquee>

Demikian pembahasan menganai Cara Menampilkan Running Text (Efek Marquee) Di Postingan Blogger, Semoga bermanfaat

Share this Post :

Related Posts