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
<div align="center">
<a href="http://storytellersinzion.com/read-em-all-2013-challenge/"target="_blank"><img border="0" src="http://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
<div align="center">
<a href="http://storytellersinzion.com/read-em-all-2013-challenge/"target="_blank"><img border="0" src="http://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