This post explains you how to add Scrolling text ( also called as marquee ) to your blog sidebars,blog posts,etc.
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,how to add the scrolling text in your blog,let me explain it:

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


The output will be like:
Example 1:
code to simple scrolling text

If you want some more attraction,then try these,
Add a background color to the text:

Example 2:
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"

The above attributes tells the text which direction to scroll.
Use the code below:

Here are some examples:
Example 3:
To scroll in the 'right' direction:
code to simple scrolling text

Example 4:
To scroll in the 'up' direction:
code to simple scrolling text

Example 5:
Down: ( I changed the hexa decimal codes for different colours )
code to simple scrolling text

few more attributes:
You can add this attribute to alternate the text

Here is the code to do this:

Example 6:
code to simple scrolling text
You can also set the speed of the text with this simple attribute:

The lower the scrollamount value, the less the speed it moves,
the html code for this:

example 7:(for scrollamout =2)
code to simple scrolling text

Example 8:(for scrollamount=5)
code to simple scrolling text

Pausing the text when mouse is over the text:
It is very useful when the reader wants to read the text,and the scrollamount is big, so that he will put the mouse over the text to pause the text and read the matter:
Here is the code to do this

Example 9:
code to simple scrolling 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 and after the marquee tags)

So, the code looks like this

Example 10:
Code to simple scrolling text

Adding hyperlinks:
You can also add the hyperlinks in text.
Here is the sample code:

The output will look like this:
Remove Navbar # Internet tips # Add Read More tag in Blog
That's it!Now you can add this to your blogger sidebar,in the blog post,where ever you want.

If you have any doubts, ask your questions via your comments.

64 comments

Anonymous said... @ March 24, 2009 at 12:43 PM

Well....wat a great n detailed article showing the method from all aspects.... i really appreciate ur job....keep it up buddy

[ REPLY ]
tarun said... @ March 27, 2009 at 2:42 PM

I was searching 4 this trick 4 so long.....and now i found it.....its gr8.....thanks

[ REPLY ]
Aayush said... @ May 28, 2009 at 6:01 AM

how do you keep one on the titlebar?

[ REPLY ]
Nipun said... @ August 30, 2009 at 2:29 PM

thank u 4 the idea

[ REPLY ]
Alex said... @ December 20, 2009 at 2:52 AM

Thanks. Very help-full.

[ REPLY ]
Praneet Agarwal said... @ December 23, 2009 at 1:35 PM

Your welcome guyzz...

[ REPLY ]
srinivas said... @ January 6, 2010 at 11:28 AM

hi,I want add this code in my blog but where it is added please help me

[ REPLY ]
Rassy Camren said... @ January 12, 2010 at 5:36 PM

Thanksssssssssssss Buddy.. I did it

[ REPLY ]
Surendra Jnawali said... @ January 13, 2010 at 12:01 AM

Thank u...Itz perfect to all

[ REPLY ]
Rakesh said... @ January 23, 2010 at 9:02 PM

hey that code is working in Google chrome browser.but the same code is not working in moxila firebox browser..can u please help me to resolve that problem....

[ REPLY ]
Dennis Robaugh said... @ February 20, 2010 at 11:33 AM

I added a simple line of scrawling text to my blog on blogspot. Worked great. But suddenly, it scrolls in a block of text on Chrome browser instead of a single line. Any suggestions? Scroll looks fine on Firefox and Explorer (so far).

[ REPLY ]
MorphMan said... @ March 18, 2010 at 9:00 PM

hi is there any chance you could give me the code for the below

scrolling text (WHITE)
light grey background
with hyperlink

i have tried everything and can not seem to be able to do this!

thank you in advance

http://white-owl-conspiracy.blogspot.com/

[ REPLY ]
tsutherland7 said... @ September 19, 2010 at 9:53 AM

Dear Support,

I was able to add the code to my blog for the
scrolling text, but my question is how do i add
my message so that it's what people see...HELP?

[ REPLY ]
Abhishek said... @ October 10, 2010 at 11:01 AM

working gr8 for me.
Heartiest thanks. :)


http://namo-narayan.blogspot.com

http://fabcrystalplanet.blogspot.com

http://supermindyoga.blogspot.com

Thanks.

[ REPLY ]
Noushad Backer said... @ October 12, 2010 at 4:39 PM

thanks..........its nice

[ REPLY ]
mrhorseplayer said... @ November 25, 2010 at 11:38 AM

works great for me wanted to know how to add text like this
Welcome
race 9
winnner
paid

http://mrhorseplayerspicks.blogspot.com/

[ REPLY ]
mrhorseplayer said... @ November 25, 2010 at 11:45 AM

I figured it out

http://mrhorseplayerspicks.blogspot.com/

[ REPLY ]
mrhorseplayer said... @ November 25, 2010 at 8:09 PM

How can you center some of the text?

[ REPLY ]
kiran patrudu said... @ December 28, 2010 at 2:05 PM

thank u friend

[ REPLY ]
Praneet Agarwal said... @ January 31, 2011 at 11:13 AM

@Rakesh AND Dennis Robaugh
This marquee is just a simple html code and not a kind of hack...it surely will work on all the browsers in the same manner. You might have done some mistakes. Have a look.

[ REPLY ]
Anonymous said... @ June 1, 2011 at 10:14 AM

Thanks for all the info but a small query from me is that while adding hyperlinks , i need the links to be opened in a new tab/window,can u pls provide me with a code for that..
Thanks again!

[ REPLY ]
RH. said... @ June 9, 2011 at 7:23 PM

Marquee is a simple Tag in HTML coding. What's new in it.

www.css4me.com

[ REPLY ]
Praneet Agarwal said... @ June 21, 2011 at 2:15 AM

@abhyaas: Sure brother...its very easy... just add-
target="_blank" in between. For example-
< a href="hyperlink" target="_blank" >LINK TEXT < /a >

[ REPLY ]
Ayyangar said... @ September 6, 2011 at 8:39 PM

how to put text in it

[ REPLY ]
Anonymous said... @ October 11, 2011 at 6:04 PM

It is really nice to hear your discussion on specific topic here. I too agree with your points here. keep posting good blogs. Thanks. joomla developers

[ REPLY ]
Chandler Plaza said... @ November 15, 2011 at 11:13 AM
This comment has been removed by the author. [ REPLY ]
Prathap said... @ November 22, 2011 at 11:08 AM

how to remove the underline from hyperlink?

[ REPLY ]
jonmifsud said... @ December 8, 2011 at 3:14 PM

This is nice however since then new techniques providing a much better non-stopping ticker which takes a complete list give a much better impression. With full control of speed and direction the jQuery webTicker can really help reducing your bounce rate if it links to other website pages.

[ REPLY ]
Admin said... @ December 11, 2011 at 3:34 PM

Thanks for this. I use all the hacks for my blog. My blog is so nice. Free Movies Download

[ REPLY ]
Unknown said... @ January 20, 2012 at 10:51 AM

Its really awesome post. Great work done. keep it up.
seo forums

[ REPLY ]
Unknown said... @ January 20, 2012 at 1:13 PM

Thanks for sharing this post, which is really good to make a look into it.
Drunk stories

[ REPLY ]
Anonymous said... @ February 13, 2012 at 2:55 PM

An amazing post it is nice to read this great post.
best web design company

[ REPLY ]
Suvadip said... @ February 21, 2012 at 9:24 PM

Awesome tutorials..helped me a lot.

[ REPLY ]
Anonymous said... @ February 26, 2012 at 8:46 AM

I am a wordpress blog user and apparently the term wont work on their systems...
any other way of getting around their stupid rules and security...?
I tried implementing text onto a .gif but without luck as I have no idea what I'm doing haha

[ REPLY ]
cj said... @ March 6, 2012 at 1:13 AM

Great Post, Another way to have fun with texting is with
GummiBuddies

[ REPLY ]
Ted Harvey. Dude Ranch Consultant said... @ March 6, 2012 at 5:51 AM

I am looking for code to have vertical scrolling text that is linked to other sites with pictures. Can anyone help?

[ REPLY ]
Unknown said... @ March 26, 2012 at 11:26 PM

can u please tell me how to change blogspot title for every post...

Email Marketing

[ REPLY ]
Prachi said... @ April 10, 2012 at 9:53 PM

can u please tell me how to open any static document using link in marquee??

[ REPLY ]
Jose.all.online said... @ April 18, 2012 at 8:58 PM
This comment has been removed by the author. [ REPLY ]
Uli said... @ May 17, 2012 at 12:58 PM

Thank you..i really love it!!keep it up to post more valuable thing=)

[ REPLY ]
Anonymous said... @ June 19, 2012 at 10:23 PM

thankyou very much brother, i like this... :D

[ REPLY ]
Unknown said... @ November 27, 2012 at 4:44 PM

God i love this Blog

[ REPLY ]
Web Development Works said... @ December 14, 2012 at 7:32 PM

Nice explanation of Marquee :)
WEB Application Development

[ REPLY ]
Unknown said... @ February 13, 2013 at 12:10 PM

I really enjoy the blog post…
Prestige royale gardens Bangalore Like Following projects Prestige royale gardens

[ REPLY ]
Unknown said... @ February 16, 2013 at 3:12 PM

Thank you very much i enjoy with you ,, information
so much appreciate able

Iphone Repairs

[ REPLY ]
Unknown said... @ April 18, 2013 at 11:01 AM

Thank You , Its a good and useful tutorial..

[ REPLY ]
Unknown said... @ April 18, 2013 at 11:05 AM
This comment has been removed by the author. [ REPLY ]
Uoptutorial said... @ July 17, 2013 at 2:47 PM

Very interesting knowledge for sharing with those people who are searching these kind of opportunity.
PSY 201 Week 6 Assignment

[ REPLY ]
Unknown said... @ September 20, 2013 at 12:33 PM

Great tips to Web Developers and bloggers.

[ REPLY ]
Unknown said... @ August 22, 2014 at 2:34 PM

Best builders in bangalore

Top builders in bangalore

Business Mentor

personal trainer in bngalore

Buzz hospitals in bangalore

jewellery Showrooms in jayanagar

Best Physical Trainer in Bangalore
Aerobics Trainer in Bangalore
Yoga Gurus in Bangalore
Martial Arts Instructor in Bangalore
Physiotherapist in Bangalore
Best Nutritionist in Bangalore
Dietician in Bangalore

[ REPLY ]
Unknown said... @ January 30, 2015 at 12:29 PM

Its really awesome post.

Image Retouching Services | Image Editing Company in Bangalore

[ REPLY ]
Fnds pedia said... @ February 24, 2015 at 9:28 PM

most fine post..... Thanks.

[ REPLY ]
Anna Schafer said... @ November 15, 2015 at 11:59 AM

You can add scroll bars to tell your visitors what will be your next updates,popular posts,advertisements,etc.Codcow

[ REPLY ]
Unknown said... @ November 23, 2015 at 12:01 PM

Useful information ..I am very happy to read this article..thanks for giving us this useful information.Fantastic walk- through. I appreciate this post. Image editing solutions |Photo editing solutions|Image editing companies

[ REPLY ]
middleton said... @ December 29, 2016 at 2:47 PM

This is really nice because it well informative for me and html beginners.
Old Age Home in Coimbatore, Charitable Trust in Coimbatore

[ REPLY ]
middleton said... @ January 7, 2017 at 4:29 PM

Wow extraordinary and wonderful post....this post is very impressive..keep posting like this in our blog..thank you for this post and keep it up.Patanjali products in thanjavur,Patanjali medicine thanjavur

[ REPLY ]
Kelly Aniston said... @ January 17, 2017 at 5:55 PM

Thanks! I hope it will help my writing service to increase positions and get more traffic.

[ REPLY ]
aliraza said... @ February 22, 2019 at 8:55 PM

This is very useful blog. I really enjoyed this blog post. I want to share something with you http://thor-hammer-pills.com/ please visit and read more ab out.

[ REPLY ]
aliraza said... @ February 22, 2019 at 8:56 PM

This is very useful blog. I really enjoyed this blog post. I want to share something with you http://thor-hammer-pills.com/ please visit and read more ab out.

[ REPLY ]
Cmc Marine said... @ April 23, 2019 at 4:26 PM

Very useful article about HTML.I really enjoyed this blog post and I want to share something with you - best marine engineering colleges in India

[ REPLY ]
Unknown said... @ June 5, 2019 at 3:50 PM

Thanks for sharing the useful post. We can help you for what you are expect from us. you can check with us at any time. ‎Keyboard classes in Velachery
‎Guitar classes in Velachery
‎Violin classes in Velachery
‎ Flute classes in Velachery
‎Martial arts classes in Velachery
‎Kung fu classes in Velachery
‎Bharathnatyam class in Velachery
‎Hindi tutions in Velachery

[ REPLY ]
Santanu Mondal said... @ June 11, 2019 at 2:06 PM

Hi to everybody, here everyone is sharing such knowledge, so it’s fastidious to see this site, and I used to visit this blog dailyhow to become slim and fair

[ REPLY ]
Surbhi Singh said... @ November 7, 2019 at 3:31 PM

Very interesting. Good job and thanks for sharing such good blog.You blog is so conniving that i never to myself to say something about it. You are dining great job keep it up
Home Tutors in Delhi | Home Tuition Services

[ REPLY ]
Hari Poudel said... @ June 29, 2020 at 4:06 PM

Hey Dude! How to open this in a new window.

[ REPLY ]

Post a Comment