Skip to Content

How To Make a Scrolling Sidebar Widget



Ever wondered how people make a scrolling sidebar widget? They are a great way to de-clutter and organize your layout while still promoting your blog friends. It’s actually pretty simply to make- here’s How:

1. Decide on which buttons you want to use.

2. Copy the HTML from the button codes into an easy to find list. Be sure to place spaces between the button codes so you can easily tell them apart.

3. Go to your page elements page, then click ‘add gadget’ and then go to HTML/Javascript.

4. Now click download and copy the text file into your page element.

DOWNLOAD

5. Now place all your button codes in the place where it says *PUT YOUR BUTTON CODES HERE* If you would like to add more buttons, just add the button code to the list. Now save it.

There are a few things you can customize in the code- if you need:

direction=”up” can be changed to control which way the buttons move – “up”, “down”, “right”, or “left”

height=”350″ controls how tall the area that the buttons scroll through is
width=”175″ controls the width of the box – “number” (this cannot be wider than the column it is in- you will see if it’s too wide- if so reduce the number and that should take care of it)

scrollamount=”4″ this controls the speed at which the buttons move, the higher the number the faster they go.

Do you have any ideas for tutorials? Please let me know- I would love your ideas!

Don’t forget to check out the blogs of the week- YES this week there is more than one free template for our readers to download! Click the image to download:

Sarah

Friday 4th of November 2011

You are amazing! Thanks so much for this. More powers to you!

Kelsie-Anne

Saturday 30th of July 2011

Hello, I have been trying for a while now to make a slide show with all my blog buttons on, but for some reason I just can't figure it out. If you could help me It would be greatly appreciated. Thanks for your time and hope you can help :) Blessings, ~Kelsie-Anne~

Country Wife

Thursday 3rd of March 2011

I have been trying for 2 weeks, missing sleep, skipping meals, ignoring children (LOL) to try and get this to work. every widget I found on the net just didn't work right. Simply put....You Rock!

CardioBunny

Thursday 26th of August 2010

I looked all over the place for this earlier today but could not find it. I happened to come across your blog while looking for new ones to follow and here is a tutorial! Thanks for sharing :)

LaVonne

Saturday 24th of July 2010

I did it, I did it! Thank you. It was easy.

Blessings!LaVonne

Long Wait For Isabella