How To Add Marquee Text For Blog/Blogger

Marquee Text For Blog/Blogger

Today I am going to show you How to add Marquee text ( animated text ) to your blog. Animated text is usually using for incoming latest news. Animation text is use to attract the visitor to tell your visitors what will be your next updates. 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. 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.
Follow Some simple step and have a fun with this feature.

marquee example
Marquee example

Posting Some Examples of Marquee Text


Here I am going to show you Some Examples. You can use it manually with your own blog or posts
Example:1
<marquee>ADD YOUR TEXT HERE.</marquee>
RESULT:
ADD YOUR TEXT HERE
In 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" 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:5

ADD YOUR TEXT HERE
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:6

<marquee direction="left"width="90%"><a href='http://http://learnergroup.blogspot.com/2014/05/how-to-add-marquee-text-for-blogblogger.htmll'>How to add marquee text for  Blogger</a></marquee>
RESULT:
How to add marquee text for Blogger

These All are the Examples of moving text. You can replace with your own URL and with your own post address and should replace bold words with your text
Please Share this post with your friends and HAVE A HAPPY LIFE

No comments:

Post a Comment