How to add moving text to Blog or website

In this tutorial i will tell you

How to add Moving text or Scrolling text or Marquee text in the Blog.




This is moving text Moving Right to Left
Code For Simple Moving Text:



But Simple Moving Text Looks really ugly.
To make it attractive,we will add background colour to it by bgcolor="hexadecimal code".






This is moving text With Background Colour

Code For Moving Text With Background Colour:



You will notice that text is not clearly readable.
So,we gonna change the colour of the text.







This Is Coloured Scrolling Text With background colour.

Code For Scrolling Text With Coloured Text & Background.:



You can even control the speed of scrolling with scrollamount="

Put the value of number from 1 to 10.
Note: If you put value as 0 text will stop moving.

Now,i will teach you how to bold the moving text.









This Is Coloured Scrolling Bolded Text With background colour.

Code For Bolded Scrolling Text With Coloured Text & Background.:



You can make the text italic or underlined by replacing <b> with <i> or <u>.








This Is Scrolling Text with scrollamount="6"

Code For Scrolling Text With Speed Contol.:



You can change direction of text with direction="option"

And options are left,right,up,down

Note:By default direction is set to left.
By using direction ,you are telling text in which direction to go.








This Is Moving Text with Up Direction
This Is Moving Text with Down Direction
This Is Moving Text with Left Direction
This Is Moving Text with Right Direction

Code For Scrolling Text With Direction Control.:



You can change the behaviour of the text also from scrolling to alternate








This Is Moving Text with Alternate Behavior

Code For Scrolling Text With Alterate Behaviour.:



Note:By Default,behavior is set to scroll. Check the spellings of behaviour ,its behavior










Yahoo | Google | Blogger tips and tricks

Code For Moving Links.:



Note:replace url with page address and link with text which should appears on moving text as link

In above case url is http://yahoo.com and link is yahoo.
http://google.com as url and google as link.

Place as many links as you wish.








image1.jpg

Code For Moving Image.:



Note:Replace image url by image Source address.








This Text Can be Paused.Just Point Mouse Over It.

Code For Pausing the text when mouse Cursor is pointed over the text::


Now,We will use all of the features mentioned above








Follow me on Twitter

Code:






In above case m using image as a link
These features can be very usefull to give important news or making your blog attractive













1.Login to Blogger.com

2.Click on Layout

3.Click on Add element

4.Html/Text

5.Paste the code



You Are Free To Ask The Questions By Commenting.

86 comments:

  1. Thanks for the info. I have used one of the codes. Is it possible to make the moving text bigger? Waiting for the reply. Thanks again.

    ReplyDelete
  2. Yes You can for more info
    http://technofreak-cooldude.blogspot.com/2010/05/make-text-bigger-in-html.html

    ReplyDelete
  3. It doesnt work in my template can you help please? :(

    ReplyDelete
  4. Anonymous9/04/2010

    great!!!

    ReplyDelete
  5. it's say "the tittle cannot be accepted. Tag Is Broken : MARQUEE

    ReplyDelete
  6. thanks for sharing^_^

    ReplyDelete
  7. i want colored text but not colored background

    ReplyDelete
  8. for colored text you have to use font tag so code looks like

    <font color='red'>Your Text</font>
    To make it moving put it in marquee tag
    Now updated code is
    <marquee><font color='red'>Your Text</font></marquee>

    ReplyDelete
  9. Anonymous6/27/2011

    i like both moving images. But i want the text just below the image. Here it is image and text is in same line.
    help me please fast...

    ReplyDelete
  10. u just need to add break line html tag i.e. <BR /> between image and text
    so code looks like
    <marquee bgcolor="#908767" style="color:white;"><img src="image url"><br />Text</marquee>

    ReplyDelete
  11. thanks for the tips...

    ReplyDelete
  12. Anonymous10/29/2011

    This Is Moving Text with Alternate Behavior it dont work for me

    ReplyDelete
  13. It work for me, but how can I make it moves slower?

    ReplyDelete
  14. Anonymous12/27/2011

    The "marquee" element is invalid and does not work in some web browsers.

    ReplyDelete
  15. i can just add one like on Moving Links how do i put more link and i need little slow too please help me out

    ReplyDelete
  16. Anonymous1/18/2012

    Plz send me patterns and series programs in C++.My email id is yogi2305@gmail.com

    ReplyDelete
  17. dear yogesh better never put ur enail as comment that is the best way to get scammed.

    You are free to search this site for c++ programs

    ReplyDelete
  18. it's very well nice info about running text, clear, thanx bro

    ReplyDelete
  19. thanks for sharing awesome tips.

    ReplyDelete
  20. i tried moving images but was not working. what could be the problem?

    ReplyDelete
    Replies
    1. Difficult to say
      can tell if disclose the code u had tried

      Delete
  21. wow great information thank's for providing

    ReplyDelete
  22. Thnx Man,You give me what I was exactly Looking for.
    www.freeroid.blogspot.com
    Get games and apps for android for free.
    Thnxzz

    ReplyDelete
  23. hi, i love your tips they work excellently on my blog, but how can i add another image to the marqee to make it sroll side by side, checkout out my blog, 247travelandtours.com
    thanks

    ReplyDelete
  24. Anonymous8/01/2012

    thanks!

    ReplyDelete
  25. Anonymous8/05/2012

    Thanks for this info but the Text Pause code doesn't work. What do I do?

    ReplyDelete
  26. Anonymous8/12/2012

    wow!!! great thanks a lot

    ReplyDelete
  27. Anonymous8/12/2012

    how to add multiple links?

    ReplyDelete
  28. how can i make the txt or font bigger?

    ReplyDelete
  29. Anonymous10/08/2012

    Hello,

    How to decrease the width and height of the background???

    ReplyDelete
  30. Your blog is very nice, I have learned more Keep up the good work I am grateful and I appreciate. Thanks.

    ReplyDelete
  31. Yes. It'sorking on my site
    Thanx.

    Dont forget to visit
    www.nu9management.ucoz.com

    ReplyDelete
  32. Yes, It's working on my site.
    Dont forget to visit
    www.nu9management.ucoz.com

    ReplyDelete
  33. Anonymous1/10/2013

    I really appreciate you making this available. It has become of extreme use to me. www.standalonemusic.com

    ReplyDelete
  34. Wow! This is excellent and much useful guide to moving/scrolling text. Thanks for sharing and tweeted :)

    ReplyDelete
  35. how can i replace image source (image url )by image source i have tried and cant work.thanks

    ReplyDelete
  36. Very nice. Thank you.

    ReplyDelete
  37. Someone necessarily help to make seriously posts I'd state. That is the very first time I frequented your web page and up to now? I surprised with the analysis you made to make this particular publish amazing. Magnificent process!
    website design

    ReplyDelete
  38. how to insert url image from "form",,,???

    ReplyDelete
  39. thanks bro, i like it

    ReplyDelete
  40. nice article :)
    Visit my blog for watching tv streaming online at
    http://www.nontonstreamingonline.blogspot.com

    ReplyDelete
  41. HI HOW CAN I ADD MULTIPLE IMAGES MOVING IN ON LANE...ALTERNATELY? PLEASE HELP..TNX

    ReplyDelete
  42. Thanks for sharing this nice concept. May you explore more and more so everybody enjoys more and more. BEST REGARDS!

    ReplyDelete
  43. Great site with very valuable and rare information!
    thanks! keep updating new thing and teach me some tips regarding html code ! i have a reason to visit you!

    ReplyDelete
  44. is it applicable in my blog #tumaelekeawapi.blogspot.com

    ReplyDelete
  45. Thank You For Providing....... I Need Blinking Code
    Please Provide Me

    ReplyDelete
  46. Great job, thanks for sharing!

    ReplyDelete
  47. very nice, doing easy, simply superb thanQ

    ReplyDelete
  48. I had a great time reading around your post as I read it extensively. Excellent writing! I am looking forward to hearing more from you.


    Moving Display Board

    ReplyDelete
  49. thanks ,but somehow could notimplement. the text remains static. Please advice.

    ReplyDelete
  50. hi,
    I'm actually a newbie to blogging.... I have Learned something through this article which I have never came across..... I will surely implement some of your tips.... thanks for sharing this informative stuff.... I would like to read more similar posts...!! please keep posting...
    regards

    Snapdeal @ CouponMachine

    ReplyDelete
  51. Great. Like to implement in our savemyrupee site.

    ReplyDelete
  52. LIKED IT. USED IT ON: WWW.TIPMOVIES.BLOGSPOT.IN , AND THE RESULT AMAZED ME :) :O

    ReplyDelete
  53. Wd u please tell me how to publish excel file in our blog...

    ReplyDelete
  54. Please give example an how to add many text scrolling

    ReplyDelete
  55. Thank you for your information, I am using it in my blog.
    Here Check it out

    ReplyDelete
  56. These Codes are Working Fine.
    Thank you.

    ReplyDelete
  57. Thanks for this article. Sliding text easily can attract people and viewers spend more time to see what this sliding text is trying tell me, is it a message or, something else? Maybe you don't know, making sliding marquee(text) is one of the most easiest thing on earth. Let's go for the process-
    Read Carefully To Get Better Result

    ReplyDelete

If You Like The Post Or want to Add Something More
then feel free to comment