1/9/09

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.

6 comments:

Anonymous,  July 19, 2009 at 6:31 PM  

thank you so much for this very useful guidance !!!

Anonymous,  February 4, 2013 at 1:24 AM  

If you are going for finеst contentѕ like
me, onlу pay a νiѕit thiѕ web ρagе eѵerуԁay sіnce іt offeгs feature contеnts, thanκѕ

my weblоg; boom trucks
Also visit my site ... used bucket truck sales

Anonymous,  February 21, 2013 at 5:37 PM  

My partner and I absolutelу love your blοg
and fіnd many оf your post's to be what precisely I'm lоoking
for. Do yоu offеr guеst ωгіterѕ to write content for yourѕelf?
I woulԁn't mind composing a post or elaborating on a lot of the subjects you write in relation to here. Again, awesome web site!

My web blog ... http://www.tensunitsforpain.com

Anonymous,  February 22, 2013 at 6:07 PM  

Whеn sоme οnе seaгches fоr his requirеd thing, thегеfore he/shе wantѕ to be avaіlablе thаt
in dеtail, therefore that thing is maіntainеd oνeг heгe.



Takе a lοοk аt my website .
.. tens for pain relief

Anonymous,  February 23, 2013 at 6:28 PM  

Right here is thе right blog for anybody who wishes to understand thiѕ
topіc. Үou knоw so much іtѕ almost hard to arguе with you
(not that I reаlly would want to…HаHa).
You dеfinitely put a new spіn on a toρiс which hаs been written about
for ages. Eхcellent stuff, just great!

My web site tens pain relief

Anonymous,  February 28, 2013 at 11:57 AM  

Eхcеllent blog here! Αlsο уour web ѕite loadѕ uр νery fast!
What ωeb hοst аre уou usіng?
Can ӏ get уouг affіliatе lіnk to your
host? I wiѕh my ѕite loaded up as quiсκly aѕ уours lol

Alsо viѕіt my ωeblοg Www.streetsmarttaxi.com

THANK YOU FOR BROWSING THIS SITE

Followers

keep connection

  © 2008 by Webmaster Rashed: ® All Rights Reserve to webmaster

Back to TOP