[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 <marquee>Selamat Datang di SMK Negeri 3 Tegal</marquee> The output will be like: Example 1: Selamat Datang di SMK Negeri 3 TegalIf you want some more attraction,then try these, Add a background color to the text, <marquee bgcolor="#99CCFF">Selamat Datang di SMK Negeri 3 Tegal</marquee> 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: <marquee direction="right" bgcolor="#99CCFF">Selamat Datang di SMK Negeri 3 Tegal</marquee> Here is are some examples: To scroll in the 'right' direction: Example 3:

Selamat Datang di SMK Negeri 3 TegalExample 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 Tegalfew more attributes: You can add this attribute to alternate the text behavior="alternate" Here is the code to do this: <marquee behavior="alternate" direction="down" bgcolor="#33FFCC">Selamat Datang di SMK Negeri 3 Tegal</marquee> Example 6: Selamat Datang di SMK Negeri 3 Tegal

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

attribute: scrollamount="2" The lower the scrollamount value, the less the speed it

moves, the html code for this: <marquee<br />behavior="alternate" direction="left" bgcolor="#9999CC"<br />scrollamount="2">Selamat Datang di SMK Negeri 3 Tegal</marquee> example 7:(for scrollamout =2)

Selamat Datang di SMK Negeri 3 TegalExample 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 <marquee behavior="alternate" direction="left" bgcolor="#CCCCCC">onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2"<br />scrolldelay="50"> Selamat Datang di SMK Negeri 3 Tegal</marquee> 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) <span style="#FFFFFF"> So, the code looks like this <span><marquee<br />onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4"<br />bgcolor="#cccccc"><br /><br />Selamat Datang di SMK Negeri 3 Tegal<br /><br /></marquee> Example 10:

Selamat Datang di SMK Negeri 3 Tegal