Teach Me Know: 08/15/10

In Todays tutorial we are going to use Marquee codes to add Sliding Text, Image to your Blogger Blog. You can make the text, images scroll from right to left, left to right, top to bottom, or bottom to top depending on yours choice.

1. Continuous scrolling text:


<!-- HTML codes by http://teachmeknow.blogspot.com/ -->
<marquee direction="left" bgcolor="#99CCFF">code to simple scrolling text</marquee>
<p><a href="http://teachmeknow.blogspot.com/2010/08/add-sliding-text-image-to-your-blogger.html">Marquee</a></p>

The above Code Result in:

code to simple scrolling text

2. Text bouncing back and forth:

<!-- HTML codes by http://teachmeknow.blogspot.com/ -->
<marquee behavior="alternate" bgcolor="#33FFCC">code to simple scrolling text</marquee>
<p><a href="http://teachmeknow.blogspot.com/2010/08/add-sliding-text-image-to-your-blogger.html">Marquee</a></p>

Above Code Results in:

code to simple scrolling text

3. Text Scrolling Upwards:


<!-- HTML codes by http://teachmeknow.blogspot.com/ -->
<marquee behavior="scroll" direction="up" bgcolor="#33FFCC">code to simple scrolling text</marquee>
<p><a href="http://teachmeknow.blogspot.com/2010/08/add-sliding-text-image-to-your-blogger.html">Marquee</a></p>

Above Code Results in:

code to simple scrolling text

4. Text and Image both Scrolling:


<!-- HTML codes by http://teachmeknow.blogspot.com/ -->
<marquee behavior="scroll"  direction="left">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTz9KEolFnbd9p1ErvI2UDcBG0O2kVbVD2CxCko0J61KBUs44gxx_uCksjgudYOk03ZNOvvTiqaro2MVSTW5jTzrcE4JS1u419Y1fiEm8bSATBpXDfTIDQckFc_WkwRb4w8U9j7ZlPeYEf/s200/BackupTemplateFirst.gif" width="100" height="100" alt="smile" />
<p>Sample text under a <a href="http://teachmeknow.blogspot.com/2010/08/add-sliding-text-image-to-your-blogger.html">Marquee image</a>.</p></marquee>

Above Code Results in:

smile