Step 3 - Hop-Ad Appearance - XSitePro Website Design

Home Previous  Next

icon_xsp

Brought to you by XSitePro Website Design Software

professional website design made easy      

 

The final step involves customizing the appearance of your ClickBank hop-ad.

 

cbhopads3

 

 

Customize Your Hop-Ad

 

Below is a breakdown of the various customization options for your hop-ad.

 

Advert Format - Choose the overall shape of your ad by making your choice from this drop-down selector.

 

Rows - Each row of the hop-ad can hold one ad link and text. Increase/decrease this value using the up/down arrows appropriately, or simply over-type the value in this text box with the number of rows you wish to use.

 

Columns - Set the number of columns to appear in your hop-ad. Increase/decrease this value using the up/down arrows appropriately, or simply over-type the value in this text box with the number of rows you wish to use.

 

Width - This is the overall width, in pixels, of your hop-ad. Increase/decrease this value using the up/down arrows appropriately, or simply over-type the value in this text box with the exact width you wish to use.

 

Height - This is the overall height, in pixels, of your hop-ad. Increase/decrease this value using the up/down arrows appropriately, or simply over-type the value in this text box with the exact width you wish to use.

 

Font - Using the font drop-down selector you can choose the preferred font in which you would like your hop-ad text to be displayed.

 

Font Size - Use the font size drop-down selector to choose a font size you would like to use.

 

Colors - Customize the colors of various parts of your hop-ad using the ...button buttons along the right.

 

Align - Adjust the text alignment for your hop-ad to one of the following:

 

none

Left

Center

Right

 

 

When you are happy with your customizations, click finishbutton to add the hop-ad placeholder to your website, which will look like the example shown below.

 

Clickbank hopad done

Home  Previous  Next