Pages

Saturday, February 20, 2010

Blogging Help: Adding Progress Bars to Sidebar

I've gotten a couple of emails in the past few weeks asking how to get the progress bars that I use to track the reading challenges I'm participating in. While I've replied to everyone (I think), I thought I would post the answer here as well in case anyone else was interested.

To manually change the code, you only need to be concerned with the portion above.

Change 6 / 14 to 7 / 14.

Divide the 7 by 14 to find 0.5.

Change 43% done to 50% done.

Change width:43% to width:50% and you're done.

I find that manually changing the code is easier, especially when each book completed is used for multiple challenges. Using a calculator and changing a couple of numbers is faster for me than inputting data, copying and pasting multiple times per book. But if you fear messing with HTML code, using the site each time will get you the same result.

I figured out how to put the bars on my site after seeing them here, but I also change the parts of the code that link to a different site, linking it to my own posts instead, as well as change the words that show up when you mouse over from "NanoWrimo writing toys games & gadgets" to the challenge name. BUT I hadn't figured out the shortcut for updating the bar, so thankyou for that!