Saturday, February 26, 2011

How to add Scrolling text-marquee-html code for Blogger.

Hai..! I am explaining how to add Scrolling text(also called as marquee)to your blog sidebars,blog posts,etc...!

This is 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, this is how it goes to add the scrolling text in your blog...! lets see :

Type 1:

Here is the code to add a simple scrolling text from right to left side


The output will be like:
This is a code to simple scrolling text



Type 2:

If you want some more attraction,then try these,

Add a background color to the text,

If you want some more attraction,then try these,

Add a background color to the text,

This is a 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"


Type 3:

The above attributes tells the text which direction to scroll.
Use the code below:


Here is are some examples:
To scroll Right :

This is a code to simple scrolling text

To Scroll Up :

This is a code to simple scrolling text

To Scroll Down:

This is a code to simple scrolling text


Type 4:

More Attribute:

  • You can add this attribute to alternate the text
  • You can also set the speed of the text with this simple attribute:
the html code for this:
Output for above code:

the html code for this:

This is a code to simple scrolling text

Type 5:

Here this code is to stop the text scrolling when the cursor is on 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 the marquee tag)



Here is the code to do this

Output:

This is a code to simple scrolling text

Note : If the snow effect is ON in the blog this above OutPut is not the one expected.

88 comments:

  1. I have no words for this great post such a awe-some information i got gathered. Thanks to Author.
    html5 music player| html5 media player

    ReplyDelete
  2. Hi, thanks. Now, I'd like to change the font size....

    ReplyDelete
  3. Text color code before marquee tag isn't working...

    ReplyDelete
  4. Hi zinepin, I am not an expert at html kind of stuff... I am sorry that I could not help you. I will try to find out...

    ReplyDelete
  5. Thanks for post this try this this is good tutorial

    http://homeonlinetutorials.blogspot.com/2012/12/Murquee-scrolling-text.html

    ReplyDelete
  6. Thank you for helping me a lot

    ReplyDelete
  7. This site is nice!!
    To design web sites or making blogs here many information is there.
    I am using this gode in my BlogFree Mcx Tips , Free Stock Tips
    Thanks,
    By Mcx Tips , Stock Tips
    Free Mcx Tips , Free Stock Tips

    ReplyDelete
  8. Great Post, I love to read articles that are informative and actually have good content. Thank you for sharing your experiences and I look forward to reading more.
    website design

    ReplyDelete
  9. Great Post....i am add My Blog .....http://www.techtunesu.blogspot.com

    ReplyDelete
  10. Very Nice And Use full info...i am Add This Code in My Site Thanks [url=http://www.techtunesu.blogspot.com/] টেকটিউনসইউ [/url]

    ReplyDelete
  11. Thank you for helping me a lot...i am Happy and Add This Code in my Site টেকটিউনসইউ

    ReplyDelete
  12. This scrolling text marquee is working on the mouse cursor only and is not working good, Epic research.

    ReplyDelete
  13. Sensex rallies over 325 pts, Nifty reclaims 8,350 level

    The benchmark BSE Sensex rallied over 325 points and Nifty reclaimed the 8,350 level in morning trade on across the board buying, led by banking, oil, metal and auto stocks.

    Positive economic data amid hopes of more reforms fueled the buying by funds and retail investors, brokers said. Stocks from midcap and smallcap companies also joined the rally along with key private financials like HDFC bank, ICICI and Axis Banks.

    The Sensex resumed higher at 27,521.28 and surged to 27,832.60 points at 1100 hrs, a gain of 325.06 points or 1.18 per cent over the previous close.
    Stock Tips

    ReplyDelete
  14. Really nice information, thanks for sharing that to me.
    Latest Website Trends

    ReplyDelete
  15. get paid-to-click going to :- neobuxkingofptc.blogspot.in

    ReplyDelete
  16. This is useful content. really apreciate it! Please Visit Our Webpage:
    http://thebusinessplace.in/
    Packers and Movers Pune, Local Household Shifting. Best Moving And Packing Services Now At Your Door In Pune @ TheBusinessPlace.in #PackersMoversPune Provides Packers Movers Pune, Movers Packers in Pune, Local Shifting, Relocation, Packers Movers Pune, Local Household Shifting, Office Shifting, Logistics and Transportation, Top Packers Movers Pune, Best Packers Movers Pune, Good Movers Packers in Pune, Home Shifting Pune, Household Shifting Pune, Cheap Top Movers Packers in Pune, Moving and Packing Service Company Pune.

    ReplyDelete
  17. Thanks for sharing such a informative article. I hope that this post is really useful for the people who looks for this. Also please check the below links:
    http://packersmoversahmedabad.co.in/
    We are expert in Handling, Movers Packers in Ahmedabad and Packing & Shifting of Household Goods, Office goods, Commercial Equipment and Car, Logistics and Transportation.

    ReplyDelete
  18. Thanks for all the efforts you made,I am very thankful to you that you had given me this opportunity to write on this blog.
    Local Packers And Movers Bnagalore is mainstream for our effective work in exchanging and carriage administrations. Alongside transporting our primary centre is sans harm transportation.
    http://packersmoversbangalore.in/
    http://blog.packersmoversbangalore.in/
    http://packersmoversbangalore.in/packers-and-movers-amruthahalli-bangalore

    ReplyDelete
  19. Thanks for sharing. I hope it will be helpful for too many people that are searching for this topic.
    Packers and Movers Hyderabad
    Packers and Movers Pune
    Packers and Movers Mumbai

    ReplyDelete
  20. packers and movers bangalore You could have earned your own advantage affecting charges from your following 50 % of the distinct customers and, to help you regard their stability. It is possible to continue being in to get an improvement affecting fresh air for the whole company to be able to buy their unique preceding clients.
    packers and movers noida

    ReplyDelete
  21. Great post....such a brilliant and mindful post. this packers and Movers is one the well known and reliable packing and moving company that serves best experience.Please visit here:
    http://packers-and-movers-gurgaon.in/
    Gurgaon Packers And Movers is recognized as a business manager providing wide-ranging and differentiate service appearance as well as Relocation Shifting, Logistics and Transportation, Facilities managing, strategy & Designing services.thanks a lot for all your efforts...
    Packers And Movers Gurgaon

    ReplyDelete
  22. I really enjoyed reading your blog, you have lots of great content.Please visit here.
    Working with us will reliably come to fruition into encompass. Numbering us with your development is practically as "What finish off an officially good thing". These are not our words these are the reviews composed by Packers Movers Hyderabad customer to our site.
    http://packersmovershyderabadcity.in/

    ReplyDelete
  23. I adore what you have got right here. You make it entertaining and you still manage to keep it smart.This is truly a great blog thanks for sharing.
    Please visit here: http://bhubaneswarpackersmovers.in/
    Packers And Movers Bhubaneswar

    ReplyDelete
  24. Nice Blog keep sharing more information about furniture.


    Packers and Movers Kalpakkam Chennai

    ReplyDelete
  25. Packers and Movers in Gurgaon
    Packers and Movers in Mumbai
    We are providing you free Relocation from up to top 5 packers and movers companies of this city. Make sure you will hire the one that will perfectly, flawlessly and nicely cater to all you’re moving, shifting and relocation needs at the budget you have planned for your movement.

    Packers and Movers in Pune
    Packers and Movers in Bangalore
    Packers and Movers in Mumbai

    ReplyDelete
  26. Thanks for sharing useful information for us.I really enjoyed reading your blog, you have lots of great content.
    Packers And Movers Bijasan Road Indore
    Packers And Movers Binawda Indore
    Packers And Movers Burankhedi Indore

    ReplyDelete
  27. This comment has been removed by the author.

    ReplyDelete
  28. Linux kernel topic in this blog, this is my very favorite topic. When i red it very thoroughly, i knew more thing, to which i never knew. Please, keep posting like that.
    Thanks,
    Shiv shankar
    Packers and Movers Lucknow | Movers and Packers Lucknow

    ReplyDelete
  29. So, as a first timer here I wanted to say that your site is completely superb! We’re interested in starting a volunteer initiative in this niche. The tips on your blog were extremely helpful to us, as it gave us something to work on. Thanks.
    Packers And Movers In Ludhiana

    ReplyDelete
  30. Great Post Keep it Up. This Post Linux Kernel Programming Helped Me a Lot.Keep it up in Future. Very Impressive post & really Liked your blog.Best of Luck & Cheers.
    Thanks Micheal
    http://long-island-divorce-lawyers.com

    ReplyDelete
  31. A credible article you write, very very interesting and informative ... I hope you will keep writing articles as good as this, so I gained extensive
    Packers And Movers Wagholi

    ReplyDelete