Blogger Tips And Tricks

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 (Use HTML)

This is moving Serikin's Moving Right to Left

Code For Simple Moving Text:

Code For Moving text Right to Left
Code For Moving Text With Background Colour:
Code For Scrolling Text With Coloured Text & Background.:
Code For Scrolling Text With Speed Contol.:
Code For Scrolling Text With Direction Control.:
Code For Scrolling Text With Alterate Behaviour.:
Code For Moving Links.
Code For Moving Image.:
Code For Pausing the text when mouse Cursor is pointed over the text:
Code For Moving Image Links.

1. Code For Moving text Right to Left

<marquee>This is moving text Moving Right to Left </marquee>

This is moving text Moving Right to Left

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

____________________________________________

2. Code For Moving Text With Background Colour:

<marquee bgcolor="#33cc99">This is moving text with Background Colour </marquee>

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.
___________________________________________________
3. Code For Scrolling Text With Coloured Text & Background

<marquee bgcolor="#33cc99" style="color:white;">This Is Coloured Scrolling Text With Background Colour </marquee>

This Is Coloured Scrolling Text With background colour.

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

4. Code For Scrolling Text With Direction Control

<marquee bgcolor="#33cc99" direction="up">This Is Moving Text with Up Direction </marquee>

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

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

________________________________________________

5. Code For Moving Image.:

<marquee bgcolor="#33cc99" style="color:white;"> 
Moving Image<img src="image url"> 
</marquee>

Note:Replace image url by image Source address.

oUp Direct

noralis3/03/2010

thanks buddy!

rizal5/20/2010

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.

Cooldude5/28/2010

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

Harikrishna7/17/2010

Thank you....

Oje8/19/2010

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

Anonymous9/04/2010

great!!!

my playground2/02/2011

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

Anonymous2/12/2011

TEXT

Danial Wong5/11/2011

thanks for sharing^_^

Sachin Menon6/26/2011

i want colored text but not colored background

Cooldude6/26/2011

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

Your Text
To make it moving put it in marquee tag
Now updated code is
<marquee>Your Text</marquee>

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

Cooldude6/28/2011

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

admin9/09/2011

thanks for the tips...

Anonymous10/29/2011

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

Rania H11/06/2011

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

ehbipul11/23/2011

Great

Anonymous12/27/2011

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

Gaurab Shrestha1/04/2012

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

Rajesh Kumar Patel1/05/2012

Thanks for help.

Anonymous1/18/2012

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

Puneet1/22/2012

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

【Kishin ビート】2/20/2012

thankz men.................

industrindo4/08/2012

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

Online Articles4/21/2012

thanks for sharing awesome tips.

wiliez wanjala6/13/2012

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

Replies

Puneet6/16/2012

Difficult to say
can tell if disclose the code u had tried

photoshop6/17/2012

wow great information thank's for providing

lucky7/06/2012

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

247 Travel &amp; Tours7/27/2012

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

Anonymous8/01/2012

thanks!

Anonymous8/05/2012

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

Anonymous8/12/2012

wow!!! great thanks a lot

Anonymous8/12/2012

how to add multiple links?