Cara Membuat Banner Yang Bergantian (Rotasi) di Blog

Sebelumya Vilat sudah pernah posting marquee, kali ini vilat sharing cara simple membuat marquee antara lain seperti dibawah ini...


Kanan ke kiri
Teks anda
Kanan ke kiri

<marquee>Teks anda</marquee>



Kiri ke kanan
Teks anda

Kiri ke kanan

<marquee direction="right">Teks anda</marquee>



Alternate Marquee
Teks anda
Alternate Marquee

<marquee behavior="alternate">Teks anda</marquee>



Bawah ke atas

Bawah ke atas
Bawah ke atas
Teks anda
<marquee direction="up">Bawah ke atas</marquee>



Atas ke bawah

Teks anda

<marquee direction="down">Teks anda</marquee>



Atas ke bawah ke atas (blolak balik)
Teks anda


<marquee direction="up" behavior="alternate">Teks anda</marquee>



Zig Zagging Marquee

Teks anda

<marquee direction="up" behavior="alternate">Teks anda</marquee>



Alternating Zig Zagging Marquee

TEXT

<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">TEXT</marquee></marquee>



Highlight Teks
>>Teks anda<<
>>Highlight Teks<<

<marquee behavior="alternate" width="10%">&gt;&gt;</marquee>Teks anda<marquee behavior="alternate" width="10%">&lt;&lt;</marquee>



Opposite Highlight Text
<<<<Teks anda>>>>
<<<<TEXT ANDA>>>>

<marquee opposite="alternate" width="10%">&lt;&lt;&lt;&lt;</marquee>Teks anda<marquee direction="right" width="10%">&gt;&gt;&gt;&gt;</marquee>



Background berwarna marquee

TEXT

<font color="#FFFFFF"><marquee direction="left" style="background:BLUE">TEXT</marquee></font>



Garis border berwarna
Teks anda
<marquee style="border:BLUE 2px SOLID">Teks anda</marquee>



High Tech Marquee

3| | |TEXT ANDA| | |4
<MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%"><font face=Webdings>3</font></MARQUEE><MARQUEE scrollAmount=1 direction=left width="2%">| | |</MARQUEE>TEXT ANDA<MARQUEE scrollAmount=1 direction=right width="2%">| | |</MARQUEE><MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"><font face=Webdings>4</font></MARQUEE>



Hidding Marquee
Teks anda

<marquee behavior="alternate"><marquee width="150">Teks anda</marquee></marquee>



Wave Marquee

TEXT ANDA
Wave Marquee

<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)"><center>TEXT ANDA<br>Wave Marquee</center></marquee>



Semoga bermanfaat....