Friday, November 16, 2018

Add Animation text to website

Add Animation text to website

Animation text is use to attract the visitor to tell your visitors what will be your next updates or if you repair a broken link and tell to visitor about broken link using marquee.Animation text (also called Marquee).Moving text which you can put or add anywhere in your blog and in posts.I'm going to explain you How to add marquee text for Blog.and we can customize Moving text in many ways.like change text direction,change text background and control marquee speed.I am Customize text with Using CSS. Now I am going to show ,how to marquee text.if you want to move text. use the codes given below.

Example:1
<marquee>ADD YOUR TEXT HERE.</marquee>
RESULT: ADD YOUR TEXT HEREIn this code text is simple and move text from right to left.
Example:2
<marquee direction="right">ADD YOUR TEXT HERE.</marquee>
<marquee direction="left">ADD YOUR TEXT HERE..</marquee>
RESULT: ADD YOUR TEXT HERE....ADD YOUR TEXT HERE....you can change the direction of the marquee text adding 'direction' attribute. 
Example:3
 <marquee direction="right" width='90%'>ADD YOUR TEXT HERE....</marquee>
RESULT:
ADD YOUR TEXT HERE....
You can change the moving width of marquee text. 
Example:4

 <marquee direction="right" width="100%" style="background:#FF6310"><font color="#000">ADD YOUR TEXT HERE....</font></marquee>
<marquee direction="left" width="100%" style="background:#0080ff"><font color="#000">ADD YOUR TEXT HERE....</font></marquee>
RESULT:
ADD YOUR TEXT HERE....ADD YOUR TEXT HERE....
Now I add text color,text background color for the text.You may replace #ff6310 and #0080ff with hexadecimal color number for background color of Marquee text and also replace #000 with hexadecimal color number for text color.
Example:5
 <marquee direction="right" scrollamount="1">ADD YOUR TEXT HERE WITH CONTROL SPEED.</marquee>
RESULT:
ADD YOUR TEXT HERE WITH CONTROL SPEED.Now in this example I add scrollamount="1" to control marquee speed.if you want to customize the speed then change bold text in above code with your number.and also change  text direction just replace right with left.

Example:6
<marquee direction="left"width="90%"><a href='http://creative-sj.blogspot.com/2013/04/how-to-create-move-text-in-blog.html'>How to add marquee text for  Blogger</a></marquee>
RESULT: How to add marquee text for Blogger
Now in this example move text with link. replace Red color url with your post address.and Replace bold words with your text.
That's All Take 5 second and share this article with friends.

3 comments: