Directional Scrolling

• You can choose to have your scrolling banner -- which is referred to as a marquee in HTML -- move either in the vertical or horizontal plane. If you choose to have it move vertically, it can move up or down. The HTML code you'll use depends on the direction you select:
  
  HTML for an upward moving marquee:
  
  <marquee scrollamount="1" direction="up" style="font-family: Arial; font-size: 12pt">
  
  SAMPLE MESSAGE
  
  </marquee>
  
  HTML for a downward moving marquee:
  
  <marquee scrollamount="1" direction="down" style="font-family: Arial; font-size: 12pt">
  
  SAMPLE MESSAGE
  
  </marquee>
  
  You can also have your text from from left to right or right to left. If you want your text or image in the marquee to move to the left, your HTML would look like this:
  
  <marquee scrollamount="1" direction="left" style="font-family: Arial; font-size: 12pt">
  
  SAMPLE MESSAGE
  
  </marquee>
  
  HTML for a marquee moving to the right looks like:
  
  <marquee scrollamount="1" direction="right" style="font-family: Arial; font-size: 12pt">
  
  SAMPLE MESSAGE
  
  </marquee>
  
  

Manipulating the HTML

• In addition to changing the directional movement of the text or image in the marquee box, you can also manipulate the HTML code itself. For example, changing the number in the quotation marks after the word "scrollamount" will change the speed at which the text or image moves. The higher the number, the quicker the movement. You can also change the size of the marquee by changing the numbers in the quotations marks after the words "width" and "height." The bigger the numbers, the bigger the marquee. You can also change the size and style of the font. If you wanted to use Verdana font, you'd place the word "Verdana" where the word "Arial" is in the examples in Section 1. To change the size of the font, increase or decrease the number after the words "font-size." The higher the number, the larger the font will appear in the marquee.
  
  

Text vs. Images

• The samples in Section 1 show what the HTML will look like if you want a scrolling text banner. You can add additional lines of text to that message by placing the HTML code for break -- <br/> -- where you want to create a new line of text. But you can also insert a scrolling image marquee. To do that, you'll need to add even more HTML. Where the words "SAMPLE MESSAGE" currently appear, add the HTML code for an image:
  
  <a><img style="width: 125px; height: 125px;" src="http://insertimageURLhere.jpg"></a>
  
  So the final version, incorporating the scrolling feature, would look like this:
  
  <marquee scrollamount="1" direction="right" style="font-family: Arial; font-size: 12pt">
  
  <a><img style="width: 125px; height: 125px;" src="http://insertimageURLhere.jpg"></a>
  
  </marquee>
  
  

How To Add Your Scrolling Banner

• Log into your Blogger account. Click on the "Design" tab on your dashboard; you should be on the section called "Page Elements." Click on the box to add a gadget. Scroll through the gadget options til you see one for HTML/JavaScript and click on it. Copy and paste the HTML for a basic scrolling marquee in Section 1, or the image scrolling marquee in Section 3. Save the changes to your gadget and close.