Tech Tuesday: Scrolling Button Marquee

I love buttons, as you can tell in my sidebar. The variety of images and the easy linkage to blogs I like make them essential in my sidebar. But if your buttons have taken over your blog and you'd like to clean things up a bit, consider adding a scrolling button marquee.





It's easy to add, though it takes some time to move all of your button codes into one widget.

1. Go into your Blogger Layout tab.
2. Click on the "add a gadget" widget, either in your right/left sidebar or at the bottom of your blog, depending on where you want to add the scrolling marquee. You can always move it later too.
3. Add this code into the gadget box:
<marquee onmouseout="this.start()"
direction="up" on mouseover="this.stop()" loop="true" scrollamount="4" height="500" width="125"> PUT YOUR BUTTON CODES HERE </marquee>
4. In the code above, you'll see a section in capital letters that says "Put your button codes here". You will replace that with all of the HTML codes for your buttons. Just copy and paste, but don't forget to copy the entire HTML text of each button.
5. You can customize the size if you'd like, by changing the width and height to larger/smaller numbers, and also the number of buttons in the scroll by changing the "4" to a larger/smaller number. The "4" that is currently there means the marquee will show 4 buttons at a time.
You can also make your marquee scroll from top to bottom by changing "up" to "down" in the code, but it will reverse your button order, starting with the last button.
6. Save your widget, and see if your marquee works. Again, you can move it wherever you want on your blog just by dragging it, like you would any other gadget.

Good luck!