Wednesday, January 24, 2007

Linda's How-Do-I Series? How Do I Add Horizontal Advertising Buttons?

Your button or product banner could be here. CLICK for Details.

You see them all the time on all the various crafting websites and blogs. They're horizontal advertising buttons and they're all strung in a row across the top of the website or blog. They are usually clickable back to the website or blog they're advertising and sometimes there's a "CLICK for Details" link to find out about advertising with that respective website that you're on.

Did you ever think that you'd like to offer advertising buttons on your website or blog, but just don't know how. Well, here's how you would code the HTML for a string like the above(minus the ***'s which are there so you can view the HTML in this article):

<***center><***a href="http://Button#1WEBSITEURL"><***img src="http://Button#1IMAGEURL" /><***/a><***a href="http://Button#2WEBSITEURL"><***img src="http://Button#2IMAGEURL" /><***/a><***a href="http://Button#3WEBSITEURL"><***img src="http://Button#3IMAGEURL"><***/a>

<***strong>Your button or product banner could be here. <***a href="http://YOURWEBSITEADVERTISINGPAGEURL">CLICK for Details.<***/a><***/strong><***/center>

The button banners should be the same size if they are going to be lined up in a row. The ones above are 150x150, but you could also use buttons that are 125x125. The smaller the button the more will fit across the top of your website or blog. The larger the button (IE: 200x200) the fewer will fit. Plus, you can always re-size the button to be the size you need as long as it doesn't distort the image.
For example, if a button banner was 125x125 and you really wanted them all to be 150x150 then you could add the following height and widths to the img src string as follows:
<***img src=http://Button#1IMAGEURL" height="150" width="150">
I would only do this as long as the button image didn't get distorted. If a button is too large in size, for example 200x200 and you really need 150x150 then you can use the same code to reduce it.
You would need a page for the customers to click to for the details and costs of advertising with you. That would be the "YOURWEBSITEADVERTISINGPAGEURL" above. This could be a separate page of your website or even just a blog post. All you need for the blog post is the archive URL for that post. Your website advertising page or blog post could include coding for the customer to order from you, such as PayPal coding or just a statement to Email you for details. That's totally up to you.
If you don't want the ad buttons to be centered on the top of your website then you would just eliminate the <***center><***/center> above.

Hopefully, you have a better idea now of how to add horizontal advertising to your website.

No comments:

Post a Comment