How to create a scrolling display

For this Blogger Tutorial I am going to show you how to create a scrolling display.  Alright this one should be a bit easier than last weeks.  As long as you already have all the HTML codes for all the items you want to display we are in business!  I've seen this used for a number of thing... Awards, Buttons, Featured On, and as seen on my blog... Photos.  It's very simple, just copy and paste... well with a lil tweaking of course :D  Okay so here is the code:

<div class="textwidget"><marquee direction="up" width="240" onmouseover="this.stop()" scrollamount="2" onmouseout="this.start()" height="300" align="left">

scrollamount: This number may be changed in order to change the speed of the scroll.  The higher the number, the faster it will go!
width: This number may be changed if needed to accommodate sidebar width
height: This number may be changed if you want more items showing during the scroll
direction: This may be changed to suit your needs. Whether you need it for your sidebar, or your footer.

This is where you put your HTML code for whatever is you would like displayed in the scroll!

<center><a href="http://www.neuffj.blogspot.com/" target="_blank" title="Bloggy Blog Designz"><img border="0" src="http://i902.photobucket.com/albums/ac224/neuffj/Button-3.png" img /></a></center>

This is where you add you second HTML code for whatever it is you would like displayed...

<center><a href="http://whitneyb99.blogspot.com/" target="_blank" title="Blogging"><img border="0" src="http://i902.photobucket.com/albums/ac224/neuffj/Button.gif" img /></a></center>

then on and on for the third and fourth and fifth if you like until you add this

</marquee></div>

Adding  The < center > before your HTML codes will align all of your pics or buttons or what have you directly in the center! I love it!  It's amazing!  When closing the HTML codes be sure to do this < / center >