Juno Books Countdown Widget

Here's something for the Juno Books authors with a future release date--that includes me!  I like the idea of a graphical panel with links for pre-ordering, book info, and a countdown timer to the release date.  So, I spent a couple hours goofing with javascript, images, styles, etc., and created the Juno Books Countdown Widget. 

Here's what it looks like with Dru's book, coming out in April:

Here's the code.  (Right-click, "Save as...").

1. Grab it, fill in the values for title, author, image URL, and a few links to Book Sense, Amazon, Barnes & Noble.

2. Upload the code as a file on your blog, a web server, somewhere that will allow access to it through a web browser.

3. Change the "src=" link to your uploaded file and paste the following IFrame code in your blog sidebar, any web page, and you're done.  (See the line, src="http://the0phrastus.typepad.com/countdownClockworkHeart.htm" in the code below?  Change that to the file you uploaded in step 2).

<iframe scrolling="no" style="width:214px;height:304px;" frameborder="0" src="http://the0phrastus.typepad.com/countdownClockworkHeart.htm" marginheight="0" marginwidth="0"></iframe>

If you need some help getting this going, post a comment, and I'll see what I can do.

Comments

[Tia]

That's very cool! Could you add another space between the minutes and seconds? They run rather close together.

[Chris Howard]

Thanks, Tia! I've added a bit of space around the "MIN" column to spread the counters out. Still playing with the code, type, and layout, and I may rearrange it a little more.