Are your bloggy buttons getting out of hand? Want to show love for your fellow bloggers, but your sidebars are getting way too crowded? This post can help you fix that.
Have you noticed those fancy little scrolling bloggy buttons on other’s sites? Well that is nothing but a simple HTML tag that is easy to use in an HTML/Javascript gadget. All you need to do is copy and paste some text…and have a little bit of understanding so you don’t delete anything accidentally.
First off, let me show you what the bones of my gadget look like on Parajunkee.com
What we will be concerning ourselves with is the first couple of lines of text. The one that opens up with marquee.
Now you can copy and paste what I have, and use it, but if you want to edit it, and modify it to meet your needs, I’ll explain how to do that.
First off here is the code:
Breaking it down the <marquee is telling your browser that this is going to scroll. You open the code with that tag.
The next information I have is telling the browser what to do with that marquee tag.
direction=”up” – lets the browser know to go up. You can replace UP with RIGHT LEFT & DOWN
width=”95%” – The default for the marquee is 100%, but this might cause some inconsistencies with your sidebar. A good rule of thumb is that I set my widths on most of my sidebar objects as either 98% or 95% just to give the appearance of alignment
onmouseover=”this.stop()” – this is telling the marquee to stop when someone scrolls their mouse over one of the images. Excellent tag, because you don’t want a reader chasing an image with their mouse. Defeats the purpose of the links.
scrollamount=”5″: this is an animation code. It controls the amount of movement ( between the displays that give the impression of animation. The amount is pixels. Experiment with numbers to see an effect.
onmouseout=”this.start()” – This tells the marquee to start up again when the reader moves the mouse. Wouldn’t want that marquee to stay stopped, right?
height=”250″ – This is the height in pixels. This is so you can have “off screen” images. If you don’t have a height it will look like just a big moving block of images. This number is in pixels, experiment with sizes, what fits best on your sidebar.
align=”left” – And finally I’m telling the browser to align this bad boy left. You can do RIGHT or CENTER also.
Now the rule of HTML is if you open something you have to close it. So remember at the end of all your images, you have to close it!
If you have just one image, like my PJD button (*wink *wink) this is what the total looks like:
The post How to Scroll Your Blog Roll! appeared first on Parajunkee.net.
