Create a free banner online!

Do you need a banner or a social media background for Twitter, Facebook or LinkedIn? Create your own today online for free. No software installation and no previous experience needed.

Get started here

How to design a banner for free

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.

createbanner_howto_size

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.

createbanner_howto_writetext

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):

createbanner_howto_backgroundcolor

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:

createbanner_howto_backgroundcolor_solid

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

createbanner_howto_backgroundcolor_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.

createbanner_howto_border

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!

Read more »

New features

We’ve just done a few upgrades to the banner creator that we hope you will enjoy. The first one and the thing I think you will notice the most is the tool bar found inside the banner creator and the VIP area:

CreateBanner toolbar inside the banner creator

By holding your mouse pointer over the icons you get a short description of the function hidden behind the icons. We hope this will make it easier for you to find all functions in the banner creator.

In the VIP area where VIP members can access all their created banners we’ve also added similar icons. The icons can be found next to each saved banner and by clicking on them you can for example view HTML code for the specific banner, copy the banner to the banner creator or even visit the banner at ImageShack.us:

CreateBanner VIP area

We’ve added a feature that was removed in the upgrade to version 4. It’s the “email this banner” function where you could email the banner to your friends (or to yourself). This function is (believe it or not) hidden behind the envelope icon found on most pages in the banner creator.

We’ve also done a few smaller changes in the code behind, but I think that may just bore you to death ;-) .

Read more »

Join our affiliate program and get 20% commission

We’ve just launched our new affiliate program here at CreateBanner.com where you can earn 20% of all sales you refer to us. All you need to do is to signup for an account at ClickBank and start linking to us. Whenever someone you referred to us upgrade to a VIP account of buy a banner upgrade you get 20% commission.

All tracking is done by Clickbanks reliable tracking system so there’s no risk of losing sales due to poor tracking. ClickBank will also handle all payments and they can pay you both by check and wire transfers :D

Sign up at ClickBank here

We’ve designed a couple of banners you can use to promote our affiliate program. Just make sure you replace AFFILIATE with your actual ClickBank user name/nickname.

Design banners online without any need of special software or knowledge

<A HREF=”http://AFFILIATE.bylla.hop.clickbank.net“><IMG SRC=”http://www.xaviermedia.com/images/createbanner_125x125.png” ALT=”Design banners online without any need of special software or knowledge” BORDER=0 /></A>

Design banners online without any need of special software or knowledge

<A HREF=”http://AFFILIATE.bylla.hop.clickbank.net“><IMG SRC=”http://www.xaviermedia.com/images/createbanner_468x60.png” ALT=”Design banners online without any need of special software or knowledge” BORDER=0 /></A>

Same as above but much wider (728×90):
<A HREF=”http://AFFILIATE.bylla.hop.clickbank.net“><IMG SRC=”http://www.xaviermedia.com/images/createbanner_728x90.png” ALT=”Design banners online without any need of special software or knowledge” BORDER=0 /></A>

Design banners online without any need of special software or knowledge
<A HREF=”http://AFFILIATE.bylla.hop.clickbank.net“><IMG SRC=”http://www.xaviermedia.com/images/createbanner_250x250.png” ALT=”Design banners online without any need of special software or knowledge” BORDER=0 /></A>

Design banners online without any need of special software or knowledge
<A HREF=”http://AFFILIATE.bylla.hop.clickbank.net“><IMG SRC=”http://www.xaviermedia.com/images/avatars/createbanner_60x60.png” ALT=”Design banners online without any need of special software or knowledge” BORDER=0 /></A>

Read more »

 

 

 

 

 

 

 

 

Create your banner in 4 simple steps

Select the type of background you would like to use on your banner.

Solid background color


Gradient background color




Color direction
       
Background Inspiration

We've added a few different backgrounds here to give you some inspiration. Click on a background to try it on your banner. You can of course finetune the background colors if they are not exactly as you want by using the tabs above.

                         
Background image

Double-click on the banner where you would like to start writing your text. To move your text just grab it on the banner with the mouse and drag it to the position you want.

Text Font Size Color Border Bold Italic Remove

When your banner is ready, select the image format you want to start downloading your banner.

Download the banner as

Like us on Facebook and we'll remove the text "CreateBanner.com" from your banner.