Tuesday, October 5, 2010

Scrolling Button Box

To keep things looking tidy around here I put all my "As seen on..." buttons in a scrolling marquee box. I thought I'd share that code with you bloggers.

Here is the basic HTML code for that box.
Copy this code.

<marquee direction="down" behavior="scroll" style="width: 125px; height: 350px; font-size: 11px; background-color: rgb(209, 146, 209); border: 2px ridge rgb(153, 22, 118);" scrollamount="1">

On Blogger- Go to layout - Add a Gadget - HTML/Javascript box - paste your code.

Now for your personal changes.

1. Change the direction of the scroll. Where it says direction="down" you can change that to "up", "left", or "right"

2. Change the width and height to suite your blog. Mine is 150px X 350px.

3. Change the background and border colors. Go HERE for a HTML color code chart. Pick your color and make note of that color's code. Where it says background color- take out the letters and numbers to the semicolon. Paste your color code. Mine is white so that code looks like this
background-color: ffffff;.

4. You can change the speed of the scroll by changing the number where it says scrollamount="1".

5. Last put in the button codes that you want in your scrolling marquee between the > and the <. Between the scroll amount and marquee.

Here is an example of that very code up there with my button in it.

No comments: