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.

98 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 ]
നൗഷാദ് കൂട്ടിലങ്ങാടി 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 ]
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 ]
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 ]
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 ]
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 ]
Shams Darimi said... @ March 16, 2012 at 7:08 PM

nice

[ 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 ]
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 ]
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 11:09 AM

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

[ REPLY ]
Unknown 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 ]
Unknown 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 ]
Unknown 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 ]
Unknown 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 ]
Unknown 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 ]
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 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 ]
Unknown 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 ]
Unknown 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 ]
Unknown 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 ]
Unknown 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 ]
Unknown 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 ]
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 ]
Unknown 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 ]
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 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 ]
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... @ 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 ]
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 ]
Unknown said... @ September 6, 2016 at 9:04 PM

Good job , keep on sharing your best with us

fire fighting diploma
safety diploma

[ REPLY ]
Unknown 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 ]
Unknown 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 ]
Unknown 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 ]
Unknown 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 ]
Unknown 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 ]
couponsrani said... @ February 17, 2019 at 11:20 PM

What a fantastic blog I have ever seen. I didn’t find this kind of information till now.Great blog! Enjoy reading it! I also bookmark this site for visiting and updating regularly! thank for sharing with us!
amazon coupons india
swiggy coupons for existing users
paytm bus offers
goibibo hotel promo code
bigrock coupons

[ 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 ]
braincarve said... @ July 17, 2019 at 12:34 PM

nice post..Abacus Classes in bangalore
vedic maths training bangalore
Abacus Classes in mumbai
vedic maths training mumbai

[ REPLY ]
braincarve said... @ August 24, 2019 at 11:54 AM

nice post..Abacus Classes in vadapalani
vedic maths training vadapalani
Abacus Classes in annanagar
vedic maths training annanagar
Abacus Classes in KK nagar
vedic maths training KK nagar

[ REPLY ]
shreya satyal said... @ September 9, 2019 at 4:56 PM

This post is so relevant and informative. It is very easy to understand. Thanks for this post. Keep blogging‎‎Bharathnatyam classes in Velachery"
‎‎Music classes in Velachery
‎‎‎‎Dance classes in Velachery
‎‎Keyboard classes in Velacher
‎‎Guitar classes in Velachery
‎Drawing classes in Velachery

[ REPLY ]
kartik said... @ October 3, 2019 at 1:11 PM

very nice Fitness quotes for women

[ REPLY ]
sumit baghel said... @ October 10, 2019 at 10:01 AM

very nice<a href="http://motivation456.com/fitness-quotes-for-women.html>Fitness quotes for women-motivation456.com</a>

[ REPLY ]
motivation456 said... @ November 1, 2019 at 10:33 AM

very nice health quotes inspirational-motivation456

[ 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 ]
Virtual Staging said... @ November 18, 2019 at 4:41 AM

Great post
https://virtual-staging.archicgi.com

[ REPLY ]
braincarve said... @ November 25, 2019 at 5:26 PM

nice post..Abacus Classes in arumbakkam
vedic maths training arumbakkam
Abacus Classes in vadapalani
vedic maths training vadapalani
Abacus Classes in annanagar
vedic maths training annanagar

[ REPLY ]
karpagam tech said... @ December 18, 2019 at 10:26 AM

Good information you had shared.Thanks!

Best placement engineering colleges in TamilNadu
Coimbatore best engineering colleges
Best engineering college in Coimbatore
Best engineering college in TamilNadu
Top 10 engineering colleges in Coimbatore district

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

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

[ REPLY ]

Post a Comment