Background Image

Blog Post

Sep 03

How To Add An HTML Banner


Hello readers,

In this quick tutorial we'll be talking about creating and placing banners on websites. This process is actually easy on platforms like wordpress, drupal, joomla, and other cms where you essentially upload the image and select a url to direct the picture click to. On HTML sites the process is similar but requires an image folder, and a bit of code.

Wordpress & Other Cms

Click the add image icon and select an image to upload. 

In the section regarding image properties change the url to whatever destination you like:

This can also be done via image properties on an existing image, the new url will act as a direct on click as though it were href in HTML.

Doing This In HTML

Below as shown are the relevant snippets but of course wherever you see your_link we mean your target website url, this is correct. The src = part does require image location in your images file so if you uploaded the image into an images folder you need to use the correct image address. 

<a href="your_link"><img src="your_image" /></a>

Related Link

Feel free to link to my website or author page to support this article! https://www.alwaysintao.com for web address:
https://www.amazon.com/-/e/B007YN7YTQ for the books!

Example: 

<a href="https://www.amazon.com/-/e/B007YN7YTQ"><img src="/preview.jpg" /></a>


 
Add Comment:
Please login or register to add your comment or get notified when a comment is added.
1 person will be notified when a comment is added.