Options for Your Free Analog Clock

There are many options that you can select to personalize your Free Clock. Discover how you can create a custom clock for your personal website or blog.

How do I start making my Free Analog Clock?

Choose to modify an existing clock or make a new one

From the main page of the Free Clocks, you can choose to create your free clock by selecting the “Continue” button and going through the step-by-step wizard or selecting the “All on one page” button to view all of the options in a single page.

If you would like to update an existing clock that you have already created, select the “Copy/modify clock” button.

Select the Clock Type

In this section, you can choose between a text based clock and a variety of flash-designed analog clocks. It is important to note that the text based clocks are for HTML and Javascript users only, while the analog clocks are Flash based. Select a flash based design clock that you would like to customize and then select the “Continue” button. You can select the “Go back” button at any step of the wizard to make any changes on previous steps.

Pick your Clocks Location

You can pick your location or time zone that is available under the option “Select location clock should show time for”. Here, you can choose a place from the drop-down menu. Alternatively, you can click on the “Other locations” button if you cannot find your location, or you can click on the “Time zones” button to find your time zone.

Choose Size of Clock

The first step to customizing your analog flash-based clock is selecting the size of the clock from the “Clock size” drop-down menu. You can also customize the size of the clock by selecting “Custom” from the drop-down menu and entering the size value into the given fields. If the “Keep width-height ratio” box is not checked, the size of the bounding box will change to the entered value, not the clock. However, if the box is checked, the size of the clock and bounding box will change to the entered value.

Customize Background and Clock Face Circles

In this section you can also customize the clocks border and background color, as well as add a gradient background color and a shadow color. The default selections will be selected according to the design selected on the previous screen.

To change the color of any field, simply select the colored box located next to the element you would like to change and select a different color from the color palette. To view more color options, select the “More colors” button. You can also draw an extra border circle by selecting the “Draw Extra Circle” box and selecting a color and deciding the width and distance you would like to place the extra circle.

Pick Font and Number Display

After you have customized the clock face background, you can customize how you want your clock to be numerically displayed by selecting the different options for the clock face numbers. You can choose the type of font, the font size, the font color, which numbers you would like to display, as well as the type of numbering you would like to have (Numeric, Roman, or Chinese).

Select the Quarter, Hour and Minute Tick Marks

The tick marks represent the hours, minutes and seconds on the clock face. You can choose to display the quarter, hour and minute ticks in different colors, styles, sizes, and distances. When you change the tick distance, this will allow you to decide whether you would like the ticks to be inside (less than 70%), on the number (74% - 88%), or outside (72% or greater than 90%) the numbers of the clock face (only if the clock face numbers are set to the Default distance).

Customize the Hour, Minute and Second Hands

In this area, you can customize how the clock hands will be displayed and move. You can choose the color, style, length, width and center size for the hour, minute and second hand. Select the type of movement the clock hands will have from the “Movement type” drop-down menu.

Create HTML code for Custom Flash Based Clock

Once you are done customizing your analog flash based clock, select the “Continue” button. You can choose the type of web page or server and create the HTML for your free countdown timer. You can do this by simply selecting the “Normal web page (http server)” option, or the “Secure web page (https/SSL server)” option.

For the latter option, you should only use this if your website is on a secure server (https). If you are unsure, it is best that you select the first option ““Normal web page (http server)”.

What’s Next?

Once this is selected, the HTML code for the clock will be displayed in the following box where you can highlight and copy the given code and insert the HTML code onto your web page.

You should now be able to have your customized free flash clock available on your website or blog.