Admin Level - Webmaster

1. Create your countdown timer.

  1. Try one of these sites:
    http://www.timeanddate.com/clocks/freecountdown.html
    https://countingdownto.com/ (has a watermark)
    Or Google "countdown timer embed" to find one to your liking. Make sure it doesn't use Javascript.
  2. Customize your timer as you see fit.
  3. Find the area or button to generate the HTML code.
  4. Select the code in the box and copy it (Ctrl+C in Windows, Command+C on a Mac, or right click and select Copy).

2. Embed the counter into your TU site.

Chameleon users

  1. If you want to put the timer on a user defined page,
    1. Navigate to the page.
    2. Click the Edit link.
    3. Click the Source button.
  2. If you want it on the home page,
    1. In the side menu click Team Admin > Website Design.
    2. Click Website Layout Configuration.
    3. Scroll down to Command Button Controls and click the Main Text tab.
  3. Put the cursor where you want the timer to appear and paste the code you copied above (Ctrl+V Windows, Command+V Mac, or right click and select Paste).
  4. If you want the timer centered, add <p style="text-align: center"> before the code and </p> after the code (see example at the bottom of this article).
  5. Click Save Changes.
  6. You may need to refresh the page to see the timer.

New CMS users

  1. If you want to put the timer on a user defined page,
    1. In the side menu click Team Resources > Manage Team Resources.
    2. Click the by the desired page.
    3. On the right, click the < > Source... button.
  2. If you want it on the home page,
    1. In the side menu click Website Design.
    2. Click the Main Text overlay (or add a Generic Component and click that).
  3. Put the cursor where you want the timer to appear and paste the code you copied above (Ctrl+V Windows, Command+V Mac, or right click and select Paste).
  4. If you want the timer centered, add <p style="text-align: center"> before the code and </p> after the code (see example at the bottom of this article).
  5. Click Update.
  6. Click Save.
  7. You may need to refresh the page to see the timer.

If you add paragraph tags to center the text (step 4 above), it will look something like this:

<p style="text-align: center">
<iframe src="https://free.timeanddate.com/countdown..."></iframe>
</p>

__________
See Also
Create a photo slide show on my home page
Add photo/image/picture to website page