Add Scrolling (marquee) Text-make a different look

Simple Scrolling Text Code:

<marquee>code to simple scrolling text</marquee>

Example:

code to simple scrolling text


Change background color to the text:

<marquee bgcolor="#0000ff">code to simple scrolling text</marquee>

Example:

code to simple scrolling text


You Need More Color ! Here

350+ Color Code

You can change the direction of the scrolling text. The direction attributes are:

direction="left"


direction="right"


direction="up"


direction="down"

You can also change the scrolling style. The attribute is:

behavior="alternate"

behavior="scroll"

behavior="slide"

Write these code for direction and behavior:

<marquee behavior="alternate" direction="down" bgcolor="#0000ff">code to simple scrolling text</marquee>

Example of direction and behavior attribute:

code to simple scrolling text

Set the speed of the text. To do so, use this attribute:

scrollamount="2"

Example Code:

<marquee behavior="alternate" direction="left" bgcolor="#0000ff" scrollamount="2">code to simple scrolling text</marquee>

Example:

code to simple scrolling text

Another Example:

<marquee behavior="alternate" direction="left" bgcolor="#0000ff" scrollamount="8">code to simple scrolling text</marquee>

It will appear as:

code to simple scrolling text


Controll the text when mouse is over the text. The text will stop:

Example Code:

<marquee behavior="alternate" direction="left" bgcolor="#0000ff" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="50"> code to simple scrolling text</marquee>

Example:

code to simple scrolling text


Changing the text colour:

<span style="#ffffff">
or

<font clor="#ffffff">

Write these code:

<span style="#ffffff"> <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4" bgcolor="#0000ff"> <br /> <br />code to simple scrolling text<br /> <br /> </marquee>

Example:



code to simple scrolling text




Make hyperlinks (open in the same window):

Example Code:

<marquee behavior="scroll" direction="left" bgcolor="#0000ff" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">
<a href="url#1">LINK#1</a>
<a href="url#2">LINK#2</a>
<a href="url#3">LINK#3</a> </marquee>

NOTE:Replace the Link#1,Link#2,Link#3 with the text and url#1,url#2 and url#3 with the target


Example code:

<marquee behavior="scroll" align="middle" direction="left" bgcolor="#0000ff" scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()">
<br /> <br />
<a href=" http://blogging-for-bloggers.blogspot.com">Blogging</a>
<a href=" http://shortmemory-shorttime.blogspot.com">short memory</a>
<a href=" http://makemoneyonliine.blogspot.com"> Make Money Online </a>
<br /> <br /> </marquee>

Example:






Blogging
short memory
Make Money Online





Open the links in new window,here is the code:

Example Code:

<marquee behavior="scroll" direction="left" bgcolor="#0000ff" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">
<a href="url#1" target="_blank">LINK#1</a>
<a href="url#2" target="_blank">LINK#2</a>
<a href="url#3" target="_blank">LINK#3</a> </marquee>

NOTE:Replace the Link#1,Link#2,Link#3 with the text and url#1,url#2 and url#3 with the target


Example code:

<marquee behavior="scroll" direction="left" bgcolor="#0000ff" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">
<a href=" http://blogging-for-bloggers.blogspot.com">Blogging</a>
<a href=" http://shortmemory-shorttime.blogspot.com">short memory</a>
<a href=" http://makemoneyonliine.blogspot.com"</a>
<br /> <br /> </marquee>

Example:



Blogging
short memory
Make Money Online

How to add scrolling text

• Go to your Dashboard > > Layout > > Page Elements > > Add a Gadget > > HTML/JavaScript


• Write your marquee code and save

It's all. Make a good look of your site. Happy Blogging.