HOW TO ADD MARQUEE TEXT TO YOUR BLOG
Dear reader sometime we saw a text line running from one side to another side. This kind of text animation make our blog more attractive to visitor. Today we will learn how to make any text running from one side to another side. It is called 'Marquee' effect.
There are many way to do this kind of text effect. Actually we need to add some code before a sentence or word. The code will run or alternate any direction mentioned in html code.
MAKE SURE YOU REMOVE ALL THE STARS (*) FROM ANY OF THE BELOW CODES BEFORE PASTING THEM ON YOUR BLOG.
1. One side to another side...
<*marquee behavior="scroll" direction="left"*>Here is the running text<*/marquee>
Check below for preview
In the same way if you change direction="left" 'right' then the text will change it direction. Look at the code below.
Check below for preview
In the same way if you change direction="left" 'right' then the text will change it direction. Look at the code below.
If you don't add any direction code then text will run to left side.
code:
code:
<*marquee>a text without direction code<*/marquee>
preview:
<marquee>a text without direction code</marquee>
2. Alternating side of running text.
code:<*marquee behavior="alternate"*>Write your alternating text here<*/marquee>
preview:
3. Running text to upside or downside.
code:
<*marquee behavior="scroll" direction="up"*>This is a upgoing text<*/marquee>
code:
<*marquee behavior="scroll" direction="up"*>This is a upgoing text<*/marquee>
preview:
In the same way change the direction="up" to 'down'. Your text will go downside.
4. Control speed of marquee text.
code:
<*marquee behavior="scroll" direction="left" scrollamount="1"*>slower sentence<*/marquee>
code:
<*marquee behavior="scroll" direction="left" scrollamount="1"*>slower sentence<*/marquee>
<*marquee behavior="scroll" direction="left" scrollamount="10"*>quite speed text<*/marquee>
<*marquee behavior="scroll" direction="left" scrollamount="20"*>speedy text<*/marquee>
Check the Previews for the controlling of speed below
MAKE SURE YOU REMOVE ALL THE STARS (*) FROM ANY OF THE ABOVE CODES BEFORE PASTING THEM ON YOUR BLOG.
DROP YOUR COMMENTS IF YOU DON'T UNDERSTAND ANY OF THIS CODES...