BK Custom Countdown Clock Creator

BK Custom Countdown Clock Creator Feel free to create a clock and embed it in one of your pages somewhere. Please note that this is an experimental feature, and there is no guarantee that an update will not kill your clock. But, simple enough to come back and make another one.

IMPORTANT NOTE: Sizes can be in either em, px ,or % if you are feeling squirelly. The only required fields are the date, time, and time zone. Everything else can use default settings.

CLOCK ARTWORK CONFIGURED VIA PSD FILES... OR CUSTOM ARTWORK. THE IMAGE CAN EXIST AT ANY LOCATION IF IT IS ABSOLUTELY LINKED (EG: //site.com/folder/image.jpg)

Clock Type

REQUIRED

SUGGESTED

If the CLICK-THROUGH URL has ? or & characters in the url... Use a service like bitly to shorten the url and remove the special characters.

Custom Clock Instructions
1. Select a clock type.
2. Set date & time of event.
3. Select a timeZone.
4. Style the clock using the available fields... Press SUBMIT to check your results art any time without losing the data. Just DO NOT refresh the page.
5. Set banner width & height in pixels.
6. Input artwork URL (Omit http or https, leaving EG: //somesite.com/image.jpg).
7. Enter clock X & Y coordinates relative to your image size.
8. Click the iFrame Embed button to generate a preview and an embed code, or click the HTML Embed button to generate an iFrameless code for insertion into HTML.

Custom Clock Notes
These clocks use an image Cachebusting system to always force the user to download the latest image (in avoidance of cached on update). However, if problems arise... Use image.jpg?201808061900 (date & time)

Date Time Time Zone ^(USA)
Orientation Display Time Hide Digit Background?
Font-Color Font-Size Min-Width

Digit-BG

Padding
Hide Clock Background? Disable Rounded Corners?

BG-Color BG-Padding

Outer Corners Inner Corners

Hide: "Days Hours Minutes Seconds" Text Beneath Clock Digits

Font-Color Font-Size Top-Padding

Artwork Width Artwork Height
Artwork URL
Click-Through URL
Clock Coordinates

REQUIRED

SUGGESTED

This type of clock is good for EMAILs... If a clock is needed for a web page, use one of the other available clock generators.
Raw Image Clocks only display Days:Hours:Minutes to minimize load times and performance impacts
If the CLICK-THROUGH URL has ? or & characters in the url... Use a service like bitly to shorten the url and remove the special characters.

Raw Image Clock Instructions
1. Select a clock type.
2. Set date & time of event.
3. Select a timeZone.
4. Style the clock using the available fields... Press SUBMIT to check your results art any time without losing the data. Just DO NOT refresh the page.
5. Set banner width & height in pixels.
6. Input artwork URL (http: or https: must be included with these http://somesite.com/image.jpg).
7. Enter clock X & Y coordinates relative to your image size
8. Click the Outlook Embed button to generate a preview and an embed code for MS Outlook (Paste code into blank HTML document), click the HTML Embed button to generate an iFrameless code for insertion into HTML, or click the Image Source Button for insertion into various other email/web programs.

Raw Image Clock Notes
** Font-Size is represented in PX ONLY (enter a # value) - Small Font requires usage of decimal places... Text may render poorly at some font sizes. 5.8 works well **
- Coordinates use a number only format (can also be a negative number eg: -10)
- Click Through URL only available in OUTLOOK TAG & WEB PAGE TAG. Click the appropriate button to generate the type of embed code necessary. If embedding into a program like gmail... Use the IMAGE SOURCE button. All you need is the URL from the page that opens.

Date: mm-dd-yyy Time: AM/PM Time Zone
Clock Font-Size Clock Font-Color Small Font-Size Small Font-Color BG-Color

Artwork Width Artwork Height
Artwork URL
Click-Through URL
Clock Coordinates

Preview & Embed Code