STEP 6: PAGE CUSTOMIZATION

Complete the basic page customization process by selecting template colors, images and search engine links that will appear on your created pages.

Color Selection

Overview:

Selecting colors are very important for the overall look and feel of the completed ~~appName~~ page. ~~appName~~ templates allow your to choose two colors by default one is an accent color and the other a background color. Both of these colors should complement each other. To identify which areas of the template are colored using the accent color and which are colored using the background color click on the Step 2 Templates tab and then click on the Index Page or Keyword Page preview link. If you choose the "Descriptive Preview" it will identify which sections of the template use "Background" and which use "Accent" color.

Background Color

Overview:

Select the background color for your pages.

How to:

1) Click on the Background Color Picker icon. The color pallet will open.

Color Picker Icon Image

2) Using your mouse float it over the color pallet and choose the color that you want as background on your pages.  You can get a better appreciation of the color by looking at the color square on the top left corner of the window.

3) To choose a color move you cursor over the color grid and click on the color you want.  This will transfer the code for that color into the Background Color of the template you chose.

Color Chart Image

You will be able to preview the colors in an upcoming step.  If you do not like the color combination you can return to this step and change it.

If you know the value of the color you want to use you can use the 6 digit color code directly into the data entry box.


Accent Color

Overview:

Select the Accent color for your pages.

How to:

1) Click on the Accent Color Picker icon. The color pallet will open.

Color Picker Icon Image

2) Using your mouse float it over the color pallet and choose the color that you want as accent on your pages.  You can get a better appreciation of the color by looking at the color square on the top left corner of the window.

3) To choose a color move you cursor over the color grid and click on the color you want.  This will transfer the code for that color into the Accent Color of the template you chose.

Color Chart Image

You will be able to preview the colors in an upcoming step.  If you do not like the color combination you can return to this step and change it.

If you know the value of the color you want to use you can use the 6 digit color code directly into the data entry box.


Links to Search Engines

Overview:

You can provide the Web Site visitor with additional information by providing links for Search Engine results.  The results will be filtered based on that page’s keyword.

Search Engine Links Image

How to:

Click on the checkbox besides the Search Engine link to indicate which Search Engine links you want to offer to the web site visitor.

Background:

Select the Search Engines you wish to display links to on you template pages. This could help your page rank with the selected engines.

Title Images

Header Image URL

Overview:

The Header image is the image found at the very top of the ~~appName~~ templates.  This image is not hyperlinked. If you click on it nothing will happen.

How to:

Enter the address of the location of the Header Image.

Note: an example of a URL is ~~appURL~~

The header is the area at the top of the page where you usually find images, logos, etc.

The "test url" link allows you to test and verify the link that you have entered into the pop-up url data entry area. Once you have entered the address of the page that you entered, click on the "test url" link to open a new browser window that displays the page that was entered.

Header Image URL Image

Leave this blank if you do not want a header image to appear on your template pages.



Keyword Image

Overview:

This is the URL for the image related to your keywords. This image is hyperlinked to the Promotional URL. When a website visitor clicks on the keyword image, they will be taken to the Promotional URL. This image should not be larger than 450x450 pixels. Leave this field blank if you do not want a keyword image to appear on your template pages

How to:

Enter the URL for the location of the keyword image.

Note: an example of a URL is ~~appURL~~

The "test url" link allows you to test and verify the link that you have entered into the pop-up url data entry area. Once you have entered the address of the page that you entered, click on the "test url" link to open a new browser window that displays the page that was entered.

Keyword Image URL Image

Leave this field blank if you do not want a keyword image to appear on your template pages.


Footer Image

Overview:

The footer image is the image displayed at the very bottom of the ~~appName~~ page.  This image is not hyperlinked.

This is the URL for the footer image. Leave this field blank if you do not want a footer image on your template pages.

Note: a footer is the area at the bottom of many web pages that usually contains images, logos, etc.


How to:

Enter the URL for the location of the footer image.

Note: an example of a URL is ~~appURL~~

The "test url" link allows you to test and verify the link that you have entered into the pop-up url data entry area. Once you have entered the address of the page that you entered, click on the "test url" link to open a new browser window that displays the page that was entered.

Footer Image URL Image

Leave this field blank if you do not want a footer image to appear on your template pages.