Visa| Job | Scholarship

HOW TO ADD MARQUEE TEXT TO YOUR BLOG

Sponsored Links
Sponsored Links

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

Here is the running text

In the same way if you change direction="left" 'right' then the text will change it direction. Look at the code below.

Here is the running text

If you don't add any direction code then text will run to left side.
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:
Write your alternating text here

3. Running text to upside or downside.
code:
<*marquee behavior="scroll" direction="up"*>This is a upgoing text<*/marquee>

preview:
This is a upgoing text

In the same way change the direction="up" to 'down'. Your text will go downside.
text running to downside
4. Control speed of marquee text.
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

slower sentence

quite speed text

speedy text



MAKE SURE YOU REMOVE ALL THE STARS (*) FROM ANY OF THE ABOVE CODES BEFORE PASTING THEM ON YOUR BLOG.

Now you know all the codes and implementations of Marquee effect in a webpage or blogger.com blog.

DROP YOUR COMMENTS IF YOU DON'T UNDERSTAND ANY OF THIS CODES...
Sponsored Links