HTML Codes

Good day!!!
Here you can see my free HTML codes for people who want to give some effect on there websites.
you can apply this on your social networking sites even in your blogs like here in Blog spot.

note: copy and paste the code inside the text box. and then edit the text that appeared on the example code result. and put your desire text or image. thanks and good luck!!!

Slide-in text:

This text slides in from the right, then stays where it is. You will need to refresh this page to see the effect again.
<br /> <!-- HTML codes by Vanjo --><br /> <marquee behavior="slide" direction="left">Your slide-in text goes here</marquee><br /> <p><a href="http://vanjodeguzman.blogspot.com/p/html-codes.html">Marquee</a></p>
This code results in:

Your slide-in text goes here

Continuous scrolling text:

<br /> <!-- HTML codes by Vanjo --><br /> <marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee><br /> <p><a href="http://vanjodeguzman.blogspot.com/p/html-codes.html">Marquee</a></p>
This code results in:

Your scrolling text goes here

Text bouncing back and forth:

<br /> <!-- HTML codes by Vanjo --><br /> <marquee behavior="alternate">Your bouncing text goes here</marquee><br /> <p><a href="http://vanjodeguzman.blogspot.com/p/html-codes.html">Marquee</a></p>
This code results in:

Your bouncing text goes here

Text Scrolling Upwards:

<br /> <!-- HTML codes by Vanjo --><br /> <marquee behavior="scroll" direction="up">Your upward scrolling text goes here</marquee><br /> <p><a href="http://vanjodeguzman.blogspot.com/p/html-codes.html">Marquee</a></p>

This code results in:

Your upward scrolling text goes here

Change the Scrolling Speed:

<br /> <!-- HTML codes by Vanjo --><br /> <marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee><br /> <marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee><br /> <marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee><br /> <p><a href="http://vanjodeguzman.blogspot.com/p/html-codes.html">Marquees</a></p>
This code results in:

Slow scroll speed

Medium scroll speed
Fast scroll speed

Scrolling Images:

Simply replace the src="... part with the location of your own image.
<br /> <!-- HTML codes by Vanjo --><br /> <marquee behavior="scroll" direction="left"><img src="/pix/smile.gif" width="100" height="100" alt="smile" /></marquee><br /> <p><a href="http://vanjodeguzman.blogspot.com/p/html-codes.html">Marquees</a></p>
This code results in:

Images & Text (Both Scrolling):

Simply add your text under the image tag (but still within the marquee tags).
<br /> <!-- HTML codes by Vanjo --><br /> <marquee behavior="scroll" direction="left"><br /> <img src="/pix/smile.gif" width="100" height="100" alt="smile" /><br /> <p>Sample text under a <a href="http://vanjodeguzman.blogspot.com/p/html-codes.html">Marquee image</a>.</p></marquee><br />
This code results in:

Sample text under a Marquee image.