|
|
|
|
|
Put a countdown to date on a website
We're going to generate a countdown, copy the code and put it on a website.
|
|
 |
|
|
|
|
|
|
|
|
|
|
 |
1.
|
|
|
Click here to open a website that enables you to create a countdown code.
|
|
| |
2.
|
|
|
Enter time and date until for the countdown.
|
|
| |
3.
|
|
|
Leave the first two options disabled.
|
|
| |
4.
|
|
|
Now click Preview to see how it will look like on the web site.
|
|
| |
5.
|
|
|
Click Generate to get the source code.
To copy the code, click in the code field, press Ctrl + A to select the whole code, then click Ctrl + C to copy the code.
|
|
| |
6.
|
|
|
Open a HTML editor in create a new document.
I opened Adobe Dreamweaver.
|
|
| |
8.
|
|
|
Place the cursor under the </head> tag or anywhere on the website you want to put you countdown on.
|
|
| |
9.
|
|
|
Press Ctrl + V to paste the code.
|
|
| |
10.
|
|
|
If you wish you can add a font style to <div id ...> (see picture) ....
|
|
| |
11.
|
|
|
... by adding style="font:14pt Arial; color:#FF0000;"
The whole div should look like this: <div id="countbox1" style="font:14pt Arial; color:#FF0000;"></div>
|
|
| |
12.
|
|
|
Save the web page and stare at it until the end of your countdown. ;)
In Adobe Dreamweaver press F12 for the web browser preview.
|
|
|
 |
|
 |
|
 |
|
|
