Info Terkini :

SMK Negeri 3 Tegal
Jl. Gajahmada 72 D Tegal 52113

Powered by Blogger

Kamis, 22 Januari 2009

[materi blog] scrolling text-marquee-html codes for bloggers



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
:




Selamat Datang di SMK Negeri 3 Tegal


If you want
some more attraction,then try these,

Add a background color to the
text,

Example 2:



Selamat Datang di
SMK Negeri 3 Tegal



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:



Selamat Datang di SMK Negeri 3
Tegal




Example
4:

To scroll in the 'up' direction:



Selamat Datang di SMK Negeri 3 Tegal




Example
5:

Downwards:(I changed the hexa decimal codes

for different colours)



Selamat Datang di SMK Negeri 3
Tegal



few more attributes:
You can add
this attribute to alternate the text

Here
is the code to do this:

Example 6:





Selamat Datang di SMK Negeri 3 Tegal



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)



Selamat Datang di SMK Negeri 3
Tegal



Example
8
:(for scrollamount=5)



Selamat Datang di SMK Negeri 3 Tegal



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:



Selamat Datang di SMK Negeri 3 Tegal



(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:






Selamat Datang di SMK
Negeri 3 Tegal





Tidak ada komentar: