How to Code a Banner Template
A banner is a HTML image advertisement that links to a destination URL. When a banner template is obtained using a banner design software or online banner creator, the HTML code for the banner is normally generated at that time. However, in the event you're using a image file as a banner, such as a ".gif," ".jpg," or ".png," then coding the banner involves first creating and then combining the HTML for both the image and the destination link.
Other People Are Reading
Instructions
-
Banner Image URL
-
1
Upload your banner image to your website.
-
2
Right click the image and select "Properties."
-
-
3
Copy the URL beside the word "Address."
-
4
Paste the URL to a Text Editor for later use.
Banner HTML Code
-
5
Copy the following banner HTML code and paste it to your Text Editor.
<a href= "http://www.yourwebsite.com"><img src="http://imageurl.jpg"></a>
-
6
Copy the image URL you obtained in the second step.
-
7
Paste the URL in the "http://imageurl.jpg" section of the code, between the quotations. It should appear similar to this: "http://www.yourwebsite.com/imagename.jpg." If it is in a specific directory, it may appear like this: "http://www.yourwebsite.com/images/imagename.jpg."
-
8
Add the website you would like your banner to link to in the "http://www.LinktoWebsite.com" section of the code, between the quotations. Your banner code is now complete.
-
1
