The first aspect of a website that catches visitors' eyes is the banner at the top of the page. By making the banner clickable, it allows fluid navigation for site visitors which, in turn, makes a site more appealing to visit. Creating a free clickable banner is not nearly as complicated as it might seem. In merely a few easy steps and a matter of minutes, a website can have its own personalized free clickable banner up and running.
Things You'll Need
- Computer drawing program (e.g., Photoshop, Microsoft Paint)
- Image hosting site account (e.g., Photobucket)
Create a Free Banner
Open up a computer drawing program and set the dimensions to the desired banner size. A typical leader text banner has dimensions of 728 x 90 IMU. In order to create the most crisp banner image possible, double the dimensions to 1456 x 180 IMU when creating the banner.
Add a background color using the "fill" option, if desired.
Select a bold, simple font in a color that stands out against the background color. Utilize as much of the free clickable banner as possible, ensuring that the font is centered and aesthetically pleasing.
Adjust the placement of words as needed using the free-form select tool. Refill background color as needed after adjustments are made.
Save the text banner as a .jpg or .gif image.
Upload the Free Clickable Banner to the Site
Upload and add the banner to the site using the domain's uploader tool. It is also possible to upload the banner to an image hosting site and, using the IMG code, insert it into the website's html layout code.
Navigate to the web page html layout code. The banner will have a code that reads <img src="http://yourimage.jpg">. To make the banner clickable, determine the web address to be connected with the banner (for instance, the home page of the site). Use the following code to create a free clickable banner: <a href="<img">http://site-you-want-banner-to-navigate-to.com"><img src="http://yourimage.jpg"/>
Test the free clickable banner after publishing the web page. A cursor over the banner should cause the desired location site to show up in the bottom left of the computer screen. If it doesn't work, recheck the html code and ensure there are no stray characters, symbols or spaces in the code.
Tips & Warnings
- Pay close attention to the visual appeal of the text banner
- Choose a font color that contrasts from the background, but is still pleasing to the eye
- Avoid copyrighted slogans and images.
- Photo Credit mouse click image by Akhilesh Sharma from Fotolia.com measure one image by Kimberly Reinick from Fotolia.com Colour swatches image by Sophia Winters from Fotolia.com abc alphabet image by Irina Obidina from Fotolia.com save photo image by MATTHIEU FABISIAK from Fotolia.com New key upload image by robootb from Fotolia.com code image by charles taylor from Fotolia.com
How to Make Picture Banner With Clickable Link
A custom website banner that links back to a website is an excellent tool for increasing traffic to your web page, selling...
How to Make a Clickable Map for the Web
Most images can only link to a single web page. Creating an clickable image map allows a single image to link to...
How to Place Banners for Free
Once you have designed and launched a website on the Internet, you will need a way to attract visitors to your site....
How to Make a Link Clickable on IMDb
The Internet Movie Database (IMDb) Web page includes a series of message boards, which allow readers to share their thoughts on movies...
How to Make Links Clickable on a Facebook Page
Sharing links to articles, photos and videos is an important element of managing a Facebook Page. If you discover that a link...