Adding Affilaite Banners to Your Website

December 17, 2008 by amped  
Filed under Amped Websites FAQ's

Theres quite a few people have been asking us how to add affilaite banners to their new website.
We will do this free of cost for you, but a few people want to learn how to do it themselves.

Heres what you have to do:

To get into the code for the pages:

1 - Log into your cpanel (yourdomain/cpanel)

2 - Go to ‘File Manager’

3 - Go to ‘Public_html’

You will see the website files in that folder. Remember index.html is the main page.

How to get your banner onto your website:

Copy the affilaite link code by placing your cursor at the start of the code, left click on it and hold down the mouse button, and then drag the cursor across the code until it is all highlighted. Once highlighted right click on it and select copy.

You then need to go to your cpanel and click on index.html. Click on the HTML editor link on the right.

Click on the ’source code’ button in the bottom left of the screen. Now you can see all the website code. You now need to click in the code where you want your banner to appear, right click, and select paste. This will paste your code into the website. You can now click on the ‘preview’ button (bottom left of screen) and it will show you what your website will look like.
If your banner has not appeared where you wanted it to, just click on the ’source’ button again and delete the banner code, and paste it somewhere else. Keep doing this until you are happy with the position. Once you are happy click on the ‘design button’ (bottom left) and then click the save disc ( blue disc, top left of the screen)

A few tips:

  • Always place your code below the <body> tag. Anything above this will not show up on your website.
  • If you want to place your ad below the black menu bar you need to paste your code just below <div id=“content”>
  • If you want it to appear at the bottom of the page, place your code just before <div id=“footer”>
  • To center the ad, place <center> before your code and <center/> after your code.
  • If you have messed up the page and want to start again just close the editor page and click on the editor again. NEVER save the edited page unless you are happy with it.

Comments

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!