Whitney Reading Tracking Widgets

February 27, 2014 | 0 Comments
Tags:

I made some tracking widgets to go along with our “Read ‘Em All” Challenge buttons. To use them:

1.  Determine the size of your blog/website sidebar. Larger ones are usually about 220px and smaller ones are usually 125px.

2. Copy the entire code in the gray area below the image that is the size you need.

3. Paste this code into your html widget box on your website/blog.

4. As you finish books, you will need to open the widget box and manually change the  code. On the bottom line find this code: 0 / 40
Change the “0” to the number of books you have read. Example: 22 / 40

Standard Sidebar 220px

WhitneyCounter_220


<div align="center">
<a href="https://storytellersinzion.com/read-em-all-2013-challenge/"target="_blank"><img border="0" src="https://storytellersinzion.com/wp-content/uploads/2014/02/2013Finalists_220.png" /></a>
</div><div style="margin: auto; text-align: center; width: 220px;" title="55.00%"><div style="text-align: left; margin: 2px auto; font-size: 0px; line-height: 0px; border: solid 1px #AAAAAA; background: #DDDDDD; overflow: hidden; "><div style="font-size: 0px; line-height: 0px; height: 20px; min-width: 0%; max-width: 55.00%; width: 55.00%; background: #B327E6; "><!----></div></div><div style="font-size: 10pt; font-family: fantasy; ">0 / 40</div></div>

Small Sidebar 125px

WhitneyCounter_125


<div align="center">
<a href="https://storytellersinzion.com/read-em-all-2013-challenge/"target="_blank"><img border="0" src="https://storytellersinzion.com/wp-content/uploads/2014/02/2013Finalists_125.png" /></a>
</div><div style="margin: auto; text-align: center; width: 125px;" title="55.00%"><div style="text-align: left; margin: 2px auto; font-size: 0px; line-height: 0px; border: solid 1px #AAAAAA; background: #DDDDDD; overflow: hidden; "><div style="font-size: 0px; line-height: 0px; height: 20px; min-width: 0%; max-width: 55.00%; width: 55.00%; background: #B327E6; "><!----></div></div><div style="font-size: 10pt; font-family: fantasy; ">0 / 40</div></div>


Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.