Sunday, May 5, 2013

How to Make Floater Ads



1. Open the CSS file for your website in your favorite HTML-editing program such as Notepad or Dreamweaver. If you do not have a CSS file yet, start a new document in your program and save with the extension '.css.'

2. Paste the following code inside the CSS file:#adTop {

left:0;

position:fixed;

text-align:center;

top:0;

width:100%;

}Save and close the file.

3. Open the HTML file for your page in the same program you used to modify the CSS file. Between the



tags, place the following code:Replace 'images/myad.jpg' with the name and location of your advertisement. Change 'Ad here' with a description of your ad or any text you wish to display when users hover the mouse over the advertisement.Save and close the file.

4. Upload both the CSS and HTML file to your website using either an FTP program or your server's file management tool within the control panel, such as WHM or CPanel. Load your page in a Web browser, and check to verify the advertisement displays and floats.

No comments:

Post a Comment