How to Make a Countdown Banner

        using Microsoft FrontPage 2003

At some point as a "new webmaster", most become interested in creating their own Countdown Banner.  Whether it's for a holiday or just your own special day, a countdown banner is a neat addition to your web page. 

We are not experts by any stretch of the imagination, but we can tell you how we created our own countdown banners using Microsoft FrontPage 2003 (WYSIWYG Html editor).

Step 1:

Create the .png, .jpg or .gif image you want to use for your banner.  Pick any size that suits your need.

We'll use this one for demonstration purposes:

Step 2:

Insert a table into your page where you want your countdown banner.  Size should equal (1) one row and (1) one column.  Specify width (width of your image) and height (height of your image).  Our image is 173px X 159px, so those are the numbers we'll use to set the size of the table.

It should look like this:

Step 3:

Right-click your table and select "Table Properties".  Click on "use background picture" and browse to find the image you saved for this table.  Click on "Apply" and "OK".

Your image should appear within your table as below:

Step 4:

Insert the code below into your html code where you wish your countdown to appear.

Right-click inside box, "select all", "copy" and "paste".

This code is setup for Christmas 2010.  If you want to change this, you may alter these lines of code in the above script:

ThisYear = 2010;
var FutureMonth = 11;
var FutureDate = 25;
var faraevent = "Christmas";

document.write( 1 + daysleftint, " days until ", faraevent , "! ");
else if (daysleftint == 1)
document.write(faraevent, " is tomorrow! ");