How to add moving text to Blog or website

Step 1. Go to Layout >> Add a Gadget and Add a new HTML/JavaScript Gadget
Step 2. In the HTML box, paste this below code as you wish and save :

Code For Simple Moving Text:

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

But Simple Moving Text Looks really ugly.

To make it attractive,we will add background colour to it by bgcolor="hexadecimal code".

Code For Moving Text With Background Colour:

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

You will notice that text is not clearly readable.

So,we gonna change the colour of the text.

Code For Scrolling Text With Coloured Text & Background.:

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

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.

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

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

You can make the text italic or underlined by replacing with

<b> with <i> or <u>.

C

<marquee bgcolor="#33cc99">This Is Scrolling Text with scrollamount="6" </marquee>

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

Code For Scrolling Text With Direction Control.:

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

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

Code For Moving Links.:

<marquee bgcolor="#33cc99" style="color:white;"><br /> <a href="url">Link 1</a><br /> </marquee>

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

Place as many links as you wish.

Code For Moving Image.:

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

Note:Replace image url by image Source address.

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

<marquee bgcolor="#33cc99" style="color:white;width:500px;" onmouseover="this.stop()" onmouseout="this.start()"><br /> This text can be paused.Just Point Mouse Over It.<br /> </marquee>