How to add Scrolling text-marquee-html code for Blogger.

Hai..! I am explaining how to add Scrolling text(also called as marquee)to your blog sidebars,blog posts,etc...!

This is Another way to attract the visitors is adding some decoration to the site like scrolling text,etc.But,don't decorate it too much,particularly if your site contains too much text as it irritates and spoils the concentration of the reader.You can add scroll bars to tell your visitors what will be your next updates,popular posts,advertisements,etc.

So, this is how it goes to add the scrolling text in your blog...! lets see :

Type 1:

Here is the code to add a simple scrolling text from right to left side

<marquee>code to simple scrolling text</marquee>
The output will be like:

This is a code to simple scrolling text

Type 2:

If you want some more attraction,then try these,

Add a background color to the text,
<marquee bgcolor="#99CCFF">code to simple scrolling text</marquee>

If you want some more attraction,then try these,

Add a background color to the text,

This is a code to simple scrolling text

You can choose your background colour by replacing the hexadecimal code(#99ccff).
Click here to see the codes of the different colors.

Here are some mode attributes to learn:

direction="left" direction="right" direction="up" direction="down"

Type 3:

The above attributes tells the text which direction to scroll.
Use the code below:
<marquee direction="right" bgcolor="#99CCFF">code to simple scrolling text</marquee>

Here is are some examples:
To scroll Right :

This is a code to simple scrolling text

To Scroll Up :

This is a code to simple scrolling text

To Scroll Down:

This is a code to simple scrolling text

Type 4:

More Attribute:

• You can add this attribute to alternate the text

behavior="alternate"

• You can also set the speed of the text with this simple attribute:

scrollamount="5"

the html code for this:
<marquee behavior="alternate" direction="left" bgcolor="#9999CC" scrollamount="5">code to simple scrolling text</marquee>

Output for above code:

the html code for this:

This is a code to simple scrolling text

Type 5:

Here this code is to stop the text scrolling when the cursor is on text.
(place the mouse over the text to test it)

Changing the text colour:
Here is the code to change the text colour:(Add it before the marquee tag)
<span style="#FFFFFF">


Here is the code to do this
<marquee behavior="alternate" direction="left" bgcolor="#CCCCCC" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="50"> code to simple scrolling text</marquee>
Output:

This is a code to simple scrolling text

Note : If the snow effect is ON in the blog this above OutPut is not the one expected.