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.

98 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/05/2012

    Thanks for help.

    ReplyDelete
  17. Anonymous1/18/2012

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

    ReplyDelete
  18. 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
  19. it's very well nice info about running text, clear, thanx bro

    ReplyDelete
  20. thanks for sharing awesome tips.

    ReplyDelete
  21. 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
  22. wow great information thank's for providing

    ReplyDelete
  23. 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
  24. 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
  25. Anonymous8/01/2012

    thanks!

    ReplyDelete
  26. Anonymous8/05/2012

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

    ReplyDelete
  27. Anonymous8/12/2012

    wow!!! great thanks a lot

    ReplyDelete
  28. Anonymous8/12/2012

    how to add multiple links?

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

    ReplyDelete
  30. Anonymous10/08/2012

    Hello,

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

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

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

    Dont forget to visit
    www.nu9management.ucoz.com

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

    ReplyDelete
  34. Anonymous1/10/2013

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

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

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

    ReplyDelete
  37. Very nice. Thank you.

    ReplyDelete
  38. 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
  39. how to insert url image from "form",,,???

    ReplyDelete
  40. thanks bro, i like it

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

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

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

    ReplyDelete
  44. 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
  45. is it applicable in my blog #tumaelekeawapi.blogspot.com

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

    ReplyDelete
  47. Great job, thanks for sharing!

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

    ReplyDelete
  49. 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
  50. thanks ,but somehow could notimplement. the text remains static. Please advice.

    ReplyDelete
  51. 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
  52. Great. Like to implement in our savemyrupee site.

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

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

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

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

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

    ReplyDelete
  58. 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
  59. Thanks for the information I have used one of the codes. While learning Java. Please Post Some More HTML Stuff here. This is Really Usefull Blog for us... Your way Posting with exapmles is Very good

    ReplyDelete
  60. It works for me. God bless u

    ReplyDelete
  61. SOURCE nail is the first portable eNail that features 3 types of nails: Grade 2 Titanium, Ceramic, and Quartz; as well as full true temperature control.

    portable enail

    ReplyDelete
  62. Thank you for your information, I am using it in my blog.



    จีคลับ


    goldenslot

    ReplyDelete
  63. I don't know that how to use these apps. Can you give me some suggestion through by your post. Thanks
    จีคลับ
    gclub
    gclub casino

    ReplyDelete
  64. Thank you for sharing valuable information. Nice post. I enjoyed reading this post.
    gclub จีคลับ
    gclub online
    gclub online

    ReplyDelete
  65. it is really amazing...thanks for sharing....provide more useful information...
    Mobile app development company

    ReplyDelete

  66. Being new to the blogging world I feel like there is still so much to learn. Your tips helped to clarify a few things for me as well

    iOS App Development Company

    ReplyDelete
  67. Anonymous7/18/2017

    Yes when I write some thing then that text was not clear. But now I have solve that problem. I have search so many time and at last I have found a useful site where I knew so many thing about choosing word. If you are suffering from this problem then you should try this too.

    ReplyDelete
  68. I was Useing this tip in my blog Thankyou for your tips

    For SEO Submission Sites Visit my blog

    http://searchengineoptimizationtipsndtricks.blogspot.in/

    ReplyDelete
  69. These codes are working thankyou

    ReplyDelete
  70. Best site for blog tips ever. It works perfectly.

    ReplyDelete

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