To embed a countdown timer into your team’s site, follow these instructions. First, create your countdown timer.

  1. Try one of these sites:
    https://countingdownto.com/
    http://mycountdown.org/widget_design.php
    http://www.timeanddate.com/clocks/freecountdown.html
    http://www.countdownclockcodes.com/
    Or Google "countdown timer embed" to find one to your liking.
  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).

Next, embed the counter into your team’s SwimOffice site.

  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.
    4. Put the cursor where you want the timer to appear and paste the code you copied above (Ctrl+V or Command+V or right click and select Paste).
    5. Click Save Changes.
  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.
    4. Put the cursor where you want the timer to appear and paste the code you copied above (Ctrl+V in Windows, Command+V on a Mac, or right click and select Paste).
    5. Click Save Changes.

Note: If you want the timer centered, add <p style="text-align: center"> before the code and </p> after the code on the same lines as the code. It will look something like this:

<p style="text-align: center"><iframe src="https://free.timeanddate.com/countdown/i3gpcg85/n213/cf107/cm0/cu4/ct0/cs0/ca0/cr0/ss0/cac000/cpc000/pcfff/tc66c/fs100/szw320/szh135/tatTime%20left%20to%202016%20Summer%20Olympics/tac000/tptTime%20since%20Event%20started%20in/tpc000/mac000/mpc000/iso2016-08-05T00:00:00" frameborder="0" width="320" height="135"></iframe></p>

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