How to make a banner for your website or myspace
Ranked #1,925 in Squidoo Community, #164,545 overall | Donates to Inner-City Scholarship Fund
Making a banner on your own pc
I make my own banners because I just don't want any text at the bottom that detracts from my message. Making a banner on your own computer really isn't that hard, if you know your way around an image editing program.
What you need to make a banner on your PC at home
To make a banner like that I need three things:
- An image that sets the tone
- An image editor. I used the open source (free) image editor GIMP.
- Text to use. In this case a quote
Size: Step 1 to make your own banner
The height is less important. Here are the standard horizontal banner sizes:
- 728 x 90
- 468 x 60
- 234 x 60
- 336 x 280
- 300 x 250
- 180 x 150
- 125 x 125
- 88 x 31
Vertical banners come in the following measures:
- 120 x 600
- 120 x 240
- 160 x 600
Open your image editor and create an image of the size you want to use.
Save your image on your computer right away in the image format your editor uses by default. Name it for the banner size you just created.
That way you will have a basic image to get back to if things go wrong. Save in between too, any time you're half way happy with the results.
Using your signature image to spice it up - step 2 to making your banner
Whether it's a picture of you, or your logo, or the product you want to promote - a banner will look a lot better with a picture on it.Open the picture in your image editor and then copy paste it into your banner image.
Resize the just pasted image so that it comes out well in your banner. In GIMP this is done by going to the layer menu and selecting 'scale layer'.
If there is too much around the image, go back to the original and crop only the part you need. Save that part as a new image before doing anything else.
Copy paste the new image into the banner again. Rinse and repeat till you like the result. SAVE as your starting banner with a new name
The result

I made a 468 by 60px banner. I rotated the basic picture aside from making it small enough to (almost) fit.
Background: step 3 in making your banner

Chances are your banner is looking a bit lumpy. There's your picture and a lot of empty space to the right (or left). You want the background color to match the image you started out with. In my case, because I picked a picture with a white background, I decided - just for kicks - to use one of the colors in the image for the background. I went with a light blue from the eye of the squid.
This is what the color picker in your image editor is for. Find the color you like, and give the rest of your image that background color. It may be necessary to look at the layers of your image to be able to give the rest of the picture a background color at all.
If you get stuck trying, save the image as jpeg (jpg) and reopen it. Now it should be possible to give the white space left a color.
Again: save without extension with yet another filename. Your image editor will give the image an extension on it's own and no information will be lost.
Add text: step 4 in making your banner
Of course I've already been adding text. Here's how... [The image here is the same one as in the previous module, but shrunk by squidoo]Adding text can be done in any image editor. It should be possible to edit the following:
- Font
- Font size
- Font color
Choose a font size that is as big as you can make it while still having the text fit your banner.
Choose a color for you text which has a good light-dark contrast with the background. For a dark background it's always safe to go with white text. If you think the contrast is too big, you can always toggle transparency.
With less transparency the dark background you choose will show through the letters, making them darker and giving less contrast.
Don't give the text a contrast with the background that is only based on color. Dark red letters on a dark green background for instance will not only be ugly, but it will also not be legible by people who have red-green colorblindness. But dark red letters on a light green background can be read by anybody: it's not just a color contrast, but also a light-dark contrast.
More questions?
I am available for consulting though, but that doesn't come cheap. For $99 you get a month of asking whatever questions you want and advice on your SEO strategy, link building, optimizing your blog etc. SEO consult online publishing.
If you aren't willing to pay up, you'll have to be content to stay updated on my Marketing Spiritual Blog where I am also willing to answer any questions related to the posts. It also contains a free ebook.
I'm active on twitter and facebook.
More squidoo help lenses
New Featured Lenses
More by me
Spiritual stuff
by squidoohelp
I've made a lot of lenses and a marketing blog to help you become a success on squidoo. I've even made my own Katinka's Squidoo Answer Deck - which is... more »
- 42 featured lenses
- Winner of 10 trophies!
- Top lens » SEO for squidoo - How to get google search engine traffic
Explore related pages
- Lensrank explained (really) Lensrank explained (really)
- 10 tips to get Google traffic 10 tips to get Google traffic
- If you want to become popular on squidoo... If you want to become popular on squidoo...
- Optimizing tags for squidoo Optimizing tags for squidoo
- AllPosters.Com the cutest affiliate program AllPosters.Com the cutest affiliate program
- Advanced css for squidoo - spice up your lens MORE Advanced css for squidoo - spice up your lens MORE