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:

Posting Komentar