How to make marquee in your blog

Marquee html code means that you want the text , Link , images .. to overflow in your blog from left to right , from up to down , or otherwise. In this tutorial I'll give you some html code for marquee that you or your visitor can use mouse cursor to point on it and stop it for viewing.( Note: The html code for marquee you can put in anywhere  your blog you like as in Gadget , in your post , or in your whole template html code). Let's go with some html code for marquee as below :
 1- Making the marquee text from right to left :
<marquee align="center" direction="left"
height="40" onmouseout="this.start()"
onmouseover="this.stop()"
scrollamount="2" scrolldelay="1">
The marquee text from the right to the left </marquee>


The result :

The marquee text from the right to the left

Please Select on Highlight All and then Click on Copy to Clipboard

<marquee align="center" direction="left" height="40" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" scrolldelay="1"><br /> The marquee text from the right to the left </marquee><br />

  2-Making the marquee text from left to Right :
<marquee align="center" direction="right"
height="40" onmouseout="this.start()"
onmouseover="this.stop()"
scrollamount="2" scrolldelay="1">
The marquee text from the left to the right </marquee>


The result :

The marquee text from the left to the right

Please Select on Highlight All and then Click on Copy to Clipboard

<marquee align="center" direction="right" height="40" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" scrolldelay="1"><br /> The marquee text from the left to the right </marquee><br />

 3-Making the marquee text from buttom to Up :
<marquee scrolldelay="1"
direction="up" onmouseover="this.stop()"
 onmouseout="this.start()" scrollamount="2"
 height="80" align="left"> The marquee text from buttom to up</marquee>
The result :
The marquee text from buttom to up

Please Select on Highlight All and then Click on Copy to Clipboard

<br /> <marquee scrolldelay="1" direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" height="80" align="left"> The marquee text from buttom to up</marquee><br />

 4-Making the marquee text from left to behavior :
<marquee align="center" direction="left" behavior="alternate"
height="40" onmouseout="this.start()"
onmouseover="this.stop()"
scrollamount="4" scrolldelay="1">
The marquee text from the left to the behavior </marquee>


The result :

The marquee text from the left to the behavior

Please Select on Highlight All and then Click on Copy to Clipboard

<marquee align="center" direction="left" behavior="alternate" height="40" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="4" scrolldelay="1"><br /> The marquee text from the left to the behavior </marquee><br />

 5-Making the  marquee of text variation with background color :
<div align="left"><font face="castellar" color="White"><B><marquee bgcolor="red" onmouseover="this.stop()"
 onmouseout="this.start()" scrollamount="2" scrollamount="3" behavior="alternate">
The  marquee of text variation with background color.
</marquee></b></font></div>
The result :

The marquee of text variation with background color.

Please Select on Highlight All and then Click on Copy to Clipboard

<div align="left"><font face="castellar" color="White"><B><marquee bgcolor="red" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrollamount="3" behavior="alternate"> <br /> The marquee of text variation with background color. <br /> </marquee></b></font></div>