The *fog series of templates was created to help you create a complete website that will size itself to
your visitor's browser settings. You can use it as a single-, two- or three-column site. Depending on the level of
functionality you downloaded, it can be an information site, a mini-site, or a full membership site. You can do
ecommerce with just a few modifications. For information about this
Click Here.
First Step—Installation
Move the xxxxfog.zip file into the directory you want to use for your web site. Normally this is named the
same as your domain name without the ’.com’. Use WinZip to install the program in that directory.
Remember to ’Use Folder Names’ in the WinZip parameters. This will place the files and
sub-directories into your web site folder.
Second Step—Personalization
Open each file (one-at-a-time) and edit the header:
Change the highlighted areas to your own domain information and your email address. Leave the rest of the header
as you found it. Each page can have its own title, description and keywords. This step will customize
each page for you and provide the beginning of Search Engine Optimization.
Next you need to setup the top banner and install your own logo image. Click on the image to enlarge it.
If you have purchased this template you can remove the first highlighted section of code. If this is a free template
please leave this link to our sister site. The second highlighted section is for the address or your own logo image.
Try to keep the height and width the same. You may need to edit your own image to match these although the width is
less critical.
The next section to change is the Menu Bar. Click on the image to enlarge it.
The highlighted "#" must be replaced by the filename of your individual pages that are captioned in the other
highlighted sections following each "#". For example: Change the first "#" to "./index.html"
if that is the name of your Home Page.
Now we will add the individual pages.
Notice the comments that surround the ’Main Page’ text. On the individual pages there will already be
structured web content. You need to add your own content between these comments labeled "Mainpage".
Open each page and place your own text, images, forms and whatnot in this space.
For premium templates you will also want to change the Footer.
Change the highlighted section to your own web site. Remember to copyright your site or remove this whole section.
If you do not know HTML then you may want to search for an online tutorial or purchase a basic book on the
subject. You can use the content we ship with the template to help you to understand the basics and help you with
the organization of your pages.
Third Step—Upload to your Web Site Host
For this edit you will need the username and password to your Host Server Account.
If you have purchased one of our premium templates:
Open the ’configure.php’ file.
Change the username and password to those provided by your Web Site Host. Now you can use your FTP program to upload
your entire web site to your Host Server.
If you are using a free template:
Use your FTP program to upload your site files to your Host Server.
Last Step—Database and Testing
If you have purchased one of our premium templates:
Check the instructions at BOET instructions.
Open your browser and navigate to your site and add "\boet\createdb.php" to the address after your domain name.
This will take you to the screen that will allow you to create your new database. You will be prompted to enter your
own information in the fields. These should match the fields you edited in the last step. Press the create button and the
screen should display successful completion messages. If not, press Alt-PrintScreen then open your image editor. Open a
new image and press Ctrl-V to copy your clipboard image into the new image. Save this image and email it to
rallen@htmltemplates.net with an explanation to help us troubleshoot the
problem.
Now you can use your browser to navigate to your own home page and sign up for your own newsletter. This should add
your address to the database. To test this you can then navigate to http://www.yourdomain.com/boet/index.php. Select
’Edit Addresses’ on the left hand navigation bar. You should see two addresses in the list box. One is my
own and the other should be yours. Once again, should this not happen, email me with the error message and an image
of the screen that reports the problem. Continue testing your entire site (all pages with the new sign up form). If
there are no problems you are now live and ready to collect those very valuable opt-ins.
If you are using a free template:
Open your browser and navigate to all pages of your web site. Note any problems and correct the code then upload again.
If you have any problems, follow the procedures listed for premium templates and send me an image with an explanation
of the problem(s).
Thank you for using our templates and if you are interested in HTML Tips ’n Tricks as well as Web Promotion
advice sign up for our newsletter if you have not already done so.
Change the highlighted areas to your own domain information and your email address. Leave the rest of the header
as you found it. Each page can have its own title, description and keywords. This step will customize
each page for you and provide the beginning of Search Engine Optimization.
Change the highlighted section to your own web site. Remember to copyright your site or remove this whole section.
