Firstly, I must thank Robyn of Coffee & Cotton for all the help she has given me through oodles of emails. Also, thank-you to Julia for planting the seed to have a progress bar at all! Between Robyn and I, we have come up with the official yoyo along button and progress bar combo you can see here:
Yoyos completed
Goal: 1008
Current: 166
If you'd like to add the button and progress bar to your blog, I'll give you the code for it in just a sec. First though, you'll want to know a couple of things.
- the progress bar % has to be updated manually. For example, if you have 28 yoyo's done, you'll enter 28 into the code where I have 166, and then you'll need to figure your percentage and enter that as well. 28/1008=2.7%, so you'll enter 2.7 where I have 16.5 (in two places) in the code. You'll need to do this manually each time you want to update the number of yoyos you have done.
- if you are making a different # of yoyos than I am, you'll need to change out the 1008 in the code to whatever # you ARE making.
Alrighty, now for the code:
<br/><br/><a href="http://sewtakeahike.typepad.com/sewtakeahike/2011/06/yoyo-along-part-1.html"><img src="http://sewtakeahike.typepad.com/sm%20yoyo%20along%20button.jpg" /></a>
<br/><br/>
<b><font color="#51B1CF"> Yoyos completed</font></b><br>
Goal: 1008 <br>
Current: 166<br>
<div style="width:160px;height:15px;background:#51B1CF;border:solid 1px #555;">
<div align="left"><div style="height:17px;background:#ff7f00;color:white;width:16.5%;"><b>16.5%</b>
</div>
</div>
</div>
<br/>
Happy Friday everyone!
~Penny