Surprisingly often I get the question "how do I create a banner" from people. So therefore I'm writing this short tutorial to show you how easily you can do it at CreateBanner.com.

Select a banner size

The first thing you need to do is to select a banner size. We got the most common sizes you your need, but we're planning to increase the number of sizes in the near future so if you got suggestions please let us know.

The most common size for banner exchanges is the 468×60 banner and the most common sizes for blogs and blog banner exchanges is the 125×125 Medium Button 3.

When you've selected the size you want, just click on the "create banner button" to go to the next step.

Write your text

Click on the banner where you would like to start writing your text. You may add up to 15 lines of text per banner by just clicking where you want your text to start.

For each line of text you can select a font, font color, size, angle and many more settings. You can also use the checkbox to add shadow to your text if you like.

If the banner is not updated with the changes you do hit the "Update preview" to redraw the banner.

When you're done with the first line of text you just click on the banner where the next line of text should start.

Banner colors

You can select to have just one background color (solid) or you can choose two colors that will blend into each other (gradient):

When you select the color you can either click on the color tool to select a color, or you can write the HTML color code in the text field. Easiest is of course to click on the color tool box. If you've selected gradient color as background you will have two color toolboxes so you can choose which colors should blend into each other.

This is an example of a banner with solid background color:

And this is an example of a banner with the above background color blending into a white color (gradient):

Border

You can add a border to your banner too is you like. First you select the size of your border (in pixels) and then you select the color you want on your border. The color selection tool is the same as above so if you know the HTML code for the color you want you can fill it in instead of clicking on a color.

Save your banner

When you've created a banner you want to use on for example your web site, Myspace page, in your blog or in a banner exchange you press the "Save banner" button. You will then be taken to the HTML code you need to use your banner, or if you like you can save the banner to your own computer and upload it to your own hosting account but more about that in a later tutorial.

Good luck creating your banners!

You may also be interested in...
No related posts

This entry was posted on Wednesday, February 4th, 2009 at 9:09 pm and is filed under Tutorials. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.