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:


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.


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

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

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

how do you keep one on the titlebar?

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

thank u 4 the idea

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

Thanks. Very help-full.

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

Your welcome guyzz...

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

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

Thanksssssssssssss Buddy.. I did it

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

Thank u...Itz perfect to all

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....

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).

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

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?

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

working gr8 for me.
Heartiest thanks. :)


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

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

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

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

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

I figured it out

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

How can you center some of the text?

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

thank u friend

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 surely will work on all the browsers in the same manner. You might have done some mistakes. Have a look.

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!

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

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

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 >

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

how to put text in it

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

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?

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.

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

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

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

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

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

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

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

Awesome tutorials..helped me a lot.

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

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

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

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?

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

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

Email Marketing

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 ] 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=)

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

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

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

God i love this Blog

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

Nice explanation of Marquee :)
WEB Application Development

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

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

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

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

Iphone Repairs

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

Thank You , Its a good and useful tutorial..

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

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

Great tips to Web Developers and bloggers.

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

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

Its really awesome post.

Image Retouching Services | Image Editing Company in Bangalore

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

most fine post..... Thanks.

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

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

Unknown said... @ September 16, 2016 at 3:47 PM

Thank you very much for your good efforts and good sharing

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

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

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

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.

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

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 please visit and read more ab out.

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 please visit and read more ab out.

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

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

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

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

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

very nice health quotes inspirational-motivation456

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

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

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


Post a Comment