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.

81 comments

Monika Gandhi 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 ]
hamham500 said... @ December 20, 2009 at 2:52 AM

Thanks. Very help-full.

[ REPLY ]
Praneet 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 ]
Suren 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 ]
Morph 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 Koottilangadi 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 ]
abhyaas 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 ]
Unknown 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 ]
Md. Shariful Islam Sharif 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 ]
Blackberry Repair said... @ January 17, 2012 at 1:20 AM

I recently came across your blog and have been reading along. I thought I would leave my first comment. I don’t know what to say except that I have enjoyed reading. Nice blog. I will keep visiting this blog very often.
Cell phone repair mississauga
iphone repair mississauga
Cell phone unlocking mississauga
mississauga iphone repair

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

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

[ REPLY ]
sowmya 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 ]
mumtaz said... @ February 13, 2012 at 2:55 PM

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

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

Awesome tutorials..helped me a lot.

[ REPLY ]
wozzanoski 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 ]
Shams Darimi said... @ March 16, 2012 at 7:08 PM

nice

[ REPLY ]
alkhateeb 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 ]
Okello Joseph 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 ]
ibnoe.info said... @ June 19, 2012 at 10:23 PM

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

[ REPLY ]
rietungn1 said... @ November 7, 2012 at 3:13 PM

Web Design MississaugaA website or an online portal will help. Web Design Mississauga can change your innovative ideas into unique and extra ordinary real web site.Mississauga Web Design

[ REPLY ]
taofik adebayo 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 ]
Akansha Tyagi said... @ February 13, 2013 at 11:09 AM

I really enjoy the blog post…
Prestige New projects Bangalore Like Following projects Prestige Ferns Residency

[ REPLY ]
Akansha Tyagi said... @ February 13, 2013 at 11:24 AM

This nice and useful blog....Thanks for this post
Prestige New projects Bangalore Like Following projects Prestige Ferns Residency

[ REPLY ]
Akansha Tyagi said... @ February 13, 2013 at 11:39 AM

Thanks for posting this informative blog...well done.
Prestige New projects Bangalore Like Following projects Prestige Ferns Residency

[ REPLY ]
Akansha Tyagi said... @ February 13, 2013 at 11:47 AM

Thanx for sharing the useful information with us..Keep going!!
Prestige New projects Bangalore Like Following projects Prestige Ferns Residency

[ REPLY ]
Akansha Tyagi said... @ February 13, 2013 at 11:54 AM

well done, good piece of information
Prestige New projects Bangalore Like Following projects Prestige Ferns Residency

[ REPLY ]
Akansha Tyagi said... @ February 13, 2013 at 12:02 PM

I am glad to read this post, its an interesting one. I am always searching for quality posts and articles and this is what I found here, I hope you will be adding more in future. Thanks
Prestige New projects Bangalore Like Following projects Prestige Ferns Residency

[ REPLY ]
Akansha Tyagi 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 ]
Akansha Tyagi said... @ February 13, 2013 at 12:20 PM

This nice and useful blog....Thanks for this post
Prestige New projects Bangalore Like Following projects Prestige Ferns Residency

[ REPLY ]
Akansha Tyagi said... @ February 13, 2013 at 12:20 PM

This nice and useful blog....Thanks for this post
Prestige New projects Bangalore Like Following projects Prestige Ferns Residency

[ REPLY ]
Akansha Tyagi said... @ February 13, 2013 at 12:33 PM

Thanks for posting this informative blog...well done.
Prestige New projects Bangalore Like Following projects Prestige Ferns Residency

[ REPLY ]
Akansha Tyagi said... @ February 13, 2013 at 12:45 PM

Thanx for sharing the useful information with us..Keep going!!
Prestige New projects Bangalore Like Following projects Prestige Ferns Residency

[ REPLY ]
Akansha Tyagi said... @ February 13, 2013 at 12:54 PM

well done, good piece of information
Prestige New projects Bangalore Like Following projects Prestige Ferns Residency

[ REPLY ]
Akansha Tyagi said... @ February 13, 2013 at 1:01 PM

I am joyful to read this post, its an ittractive one. I am always searching for quality posts and articles and this is what I found here, I hope you will be adding more in future. Thanks
Prestige New projects Bangalore Like Following projects Prestige Ferns Residency

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

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

Iphone Repairs

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

Thank You , Its a good and useful tutorial..

[ REPLY ]
Nageshwar Reddy said... @ April 18, 2013 at 11:05 AM
This comment has been removed by the author. [ REPLY ]
senthur stocks said... @ May 16, 2013 at 12:46 PM

This site is nice and very useful information!!
To design web sites or making blogs here many information is there.
When I Try to Design my blog Free Mcx Tips , Free Stock Tips I found this Site!!! Really very excellent!!!
Thanks,
By Mcx Tips , Stock Tips

[ REPLY ]
PSY 201 Week 3 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 ]
key browsse said... @ September 20, 2013 at 12:33 PM

Great tips to Web Developers and bloggers.

[ REPLY ]
anitha poosa said... @ August 22, 2014 at 1:41 PM

This nice and useful blog....Thanks for this post

Thanks for posting this informative blog...well done.

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 ]
anitha poosa 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 ]
anitha poosa said... @ August 22, 2014 at 2:55 PM

This nice and useful blog....Thanks for this post

Thanks for posting this informative blog...well done.
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 ]
Images Retouch Services 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 ]
jowdjbrown 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 ]
Fixx Group 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 ]
Arab Academy said... @ September 6, 2016 at 9:04 PM

Good job , keep on sharing your best with us

fire fighting diploma
safety diploma

[ REPLY ]
Mohamed Elnaseh said... @ September 16, 2016 at 3:47 PM

Thank you very much for your good efforts and good sharing
Jobs
nasihnetwork

[ REPLY ]
hari andro said... @ December 23, 2016 at 5:55 PM

Very useful article about web developementand scrolling text details ..It is very easy to understand about web marquee and scrolling texts in web for beginerrs and learners..keep posting useful posts like this..

Marine Colleges in Chennai, BSC Nautical Science Colleges

[ REPLY ]
katie 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 ]
katie middleton said... @ January 6, 2017 at 4:41 PM

I actually loved reading your blog. It was very well authored and very simple to understand.Highway Restaurant in Thanjavur

[ REPLY ]
katie 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 ]
katie middleton said... @ January 11, 2017 at 3:24 PM

I actually loved reading your blog. It was very well authored and very simple to understand.Catering Services in Tamilnadu,Catering Services in Trichy

[ 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 ]
softclick said... @ August 31, 2017 at 12:05 PM

Creating Magento extensions can be an extremely challenging and time-consuming task depending on several factors such as your knowledge of Magento internals, overall development skills, and the complexity of the extension functionality itself. Having a deep insight into Magento internals, its structure, and accompanying tips and tricks will provide you with a strong foundation for clean and unobtrusive Magento extension development magento development company.

[ REPLY ]

Post a Comment

There was an error in this gadget