Add Scrolling Text Marquee HTML Codes





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


The output will be like:
Example 1:


code
to simple scrolling text



If you want some more
attraction,then try these,

Add a background color to the text,

Example 2:


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"



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


Here is are some examples:
To
scroll in the 'right' direction:
Example 3:


code to simple scrolling text



Example 4:
To scroll
in the 'up' direction:


code to simple scrolling text



Example 5:
Downwards:(I
changed the hexa decimal codes for different colours)



code to simple scrolling text


few
more attributes:

You can add this attribute to alternate
the text

Here
is the code to do this:

Example 6:




code to simple scrolling text


You
can also set the speed of
the text with this simple attribute:

The lower the
scrollamount value, the less the speed it moves,
the html code for
this:

example 7:(for scrollamout
=2)


code to simple scrolling text


Example 8:(for
scrollamount=5)


code to simple scrolling text


Pausing the text when mouse is over the
text:
It is very useful when the reader wants to read the
text,and the scrollamount is big,sothat he will put the mouse over the
text to pause the text and read the matter:
Here is the code to do
this

Example 9:


code to simple
scrolling 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
)

So, the code looks
like this

Example 10:




code to
simple scrolling text


Here is the important
one
and most useful one, adding hyperlinks in
the scrolling text.

Hyperlink means a link when clicked go to
another location(site).
Let's see how to add hyperlinks to the
scrolling text:

Adding
hyperlinks(open in the same window):

Here is the sample code:

NOTE:Replace
the Link#1,Link#2,Link#3 with the text and url#1,url#2 and
url#3 with the target url addresses.
Here is an example:

The
output will look like this



Flash
animations in your blog
Youtube
videos
Hexadecimal
codes
<>








If
you want to open the links in new window,here is the
code:




That's it!Now you can add
this to your blogger sidebar,in the blog post,where ever you want.

If
you want to put this in sidebar,then sign in to your blogger
account>click the add a page element> and paste the code in
html/javascript and save the changes .This is shown in
the below pictures.







Next,

Stumble
Delicious
Technorati
Twitter
Facebook

1 Comment:

aia En ciel's said...

Check This..

Post a Comment

Your Ad Here
 

aia En ciel's Copyright © 2010 | All Rights Reserved | Using Blogger | LKart Theme | Edit by. aia En ciel's