Showing posts with label Animate Text. Show all posts
Showing posts with label Animate Text. Show all posts

Monday, February 21, 2011

Create Scrolling Text (Marquee)

The animate text or scrolling text display is very easy to setup. You may add in the HTML in the posting or add in new gadget. Just follow and understand few steps below;
<MARQUEE>
Hi There! Welcome to Blogguideshare.blogspot.com
</MARQUEE>

Hi There! Welcome to Blogguideshare.blogspot.com


If want to reduce the inline space, you may add command width and change to your size.
<marquee width="50%">
Hi There! Welcome to Blogguideshare.blogspot.com

</marquee>
Result as below;


Hi There! Welcome to Blogguideshare.blogspot.com


Or change the Text direction

<MARQUEE DIRECTION="RIGHT">
Hi There! Welcome to Blogguideshare.blogspot.com
</MARQUEE>
Or change the inline space size
<MARQUEE DIRECTION="RIGHT" WIDTH="70%">
Hi There! Welcome to Blogguideshare.blogspot.com
</MARQUEE>

Hi There! Welcome to Blogguideshare.blogspot.com


Or with text background color
<marquee bgcolor="RED" direction="LEFT" width="70%">
Hi There! Welcome to xxxxxx.blogspot.com. Get 30% off thru online order
</marquee>



Hi There! Welcome to xxxxxxx.blogspot.com. Get 30% off thru online order


Move to center location by adding <center>
<center><marquee bgcolor="RED" direction="LEFT" width="100%">
Hi There! Welcome to xxxxxxx.blogspot.com. Get 30% off thru online order
</marquee<center>

And also, see the width % take effect.


Hi There! Welcome to xxxxxxx.blogspot.com. Get 30% off thru online order
Related Posts Plugin for WordPress, Blogger...