Update #2: When I published this post over two years ago, I never imagined it would be one of the top in Google searches. It gets close to 100 hits every day. Wow! I know for a lot of big bloggers that’s no biggie, but this post by far brings the majority of my traffic here. I hope you stick around and see what else is here. I have begun posting more regularly again and would love for you to subscribe.
Also, I no longer use GIMP to make headers, I’m using Photoshop now. Do my instructions still work in newer versions of GIMP or do I need to update? No one’s complained yet, but please let me so I can update if needed.
Thanks for stopping by! Hope this is what you were looking for! If so, please continue to leave a comment and let me know!
Update: So I see that this post has been getting at least a dozen hits a day, but no comments. Please leave a comment and let me know what you think of this tutorial. Was it helpful? Was one part confusing? Did you use it to make your own header? Send me a link if you did!
In honor of my new blog header and the frequency which it seems to change, I thought I’d put together a little tutorial on how to do one yourself. I ended up figuring out how to do it on my own, but I know not everyone is skilled that way, so I decided to share.
First thing you need to do is find a scrapbooking kit. You can purchase these if you would like, but personally, I like things that are free. So if your like me, head here! Once you have downloaded it, open the zip file and file it somewhere where you can find it later.
The next thing you need is a photo editing software, like Photoshop or GIMP. If you don’t have one, download GIMP, it’s free too!
Now open up your software program, and your ready to go.
First thing you need to do is determine what size you need your header to be. The Word Press layout I’m using says that the header size is 904 x 160 pixels, so that’s what I will make the size of my header. A standard Blogger size seems to be 650 x 300 pixels. Blogger accepts any size, but just keep in mind how it will look on your blog.
Okay so let’s get started.
Open up a new project and then set the size to what you need or want. I entered 904 X 160 pixels for my WordPress blog.


Now you should have a blank project open in your screen. Now your going to go in and pick your background “paper.” Go to File, and then click open as layers, and then select your file and open it.

Now my background is open, but the paper is very “zoomed in,” so I need to scale it down. How much you scale it down is really a personal preference. Play around with it until you find something that you like.

One thing you have to keep in mind when scaling is the size of your canvas as well as the size and shape of the item your using. See in the picture below how there is the square outline on the screen? That is showing the size of the “paper” that I am using in comparison to my canvas. If I tried to manipulate that into my canvas, it would get stretched and end up looking, well, odd. Possibly. It’s all about the look your trying to create.

So continue to add more “papers” and embellishments using the same method as before. And also add your text. I usually make this the last thing I do. If you want some fun fonts, try looking here and here for some great free ones. I also highlighted some handy buttons in your toolbox in the picture below.

When your done, you need to save it! Very important!

When you click save, a box like above should pop up. Put in the title of your document, then select where you would like it to be saved, then, select the file type. You need to scroll down and select the JPG, JPEG file type! Then hit save!
Tada! Your done the hard part now. And here comes the best part, uploading it so all your adoring fans can see it!
For WordPress Users:
I strongly recommend choosing your theme before you create your header. Look for a theme that has the tag “custom header” or search by that feature. Once you have chosen, click on custom header, under appearances. Then look for the numbers that tell you what size will be used as-is. Create your header off of those numbers. Then come back and upload your header, and your done!
For Blogger Users:
You need to go into your dashboard and then choose layout. Click edit in the top box that should read the title of your blog. Then upload your header as a picture from your computer, and click on instead of title and description under placement. Let it upload your your done!
Hopefully you all found this helpful, easy, painfree and enjoy creating your own header(s). Please don’t hesitate to ask any questions that you may have!
The scripture on the left caught my attention. Can’t wait ti to try out my own custom banner!
Awesome easy to follow post. I have been looking for a way to make a new header for well over a year without having to pay, , and then I happened upon your post here. This is awesome, and it worked. Now, thanks to you, I have a new header on my blog that makes it look professional (at least I think so). Thanks.
I love this!! Thank you for posting this. I was about to download Gimp program (at work oops!) and then a co-worker told me I had it already! Woo hoo. I just threw one together in 10 seconds, but I’ll play with it at home. Thank you thank you!!
Great tutorial. Haven’t tried it yet but will bookmark the page so I can come back to it later. Thanks for sharing.
This is the best tutorial ever! It really simplified things-I haven’t played around with a photo editing program like this in 10 years. It brought back the fire for design! Thanks so much!
This is terrific.. I am going to favorite it and come back later to try it..Thanks so much.
Great resource, thanks!
Thanks for the step by step! Very helpful!
Thanks for the tutorial! I’ll try it out and report back…
thanks! worked great.
Very helpful! Thank you for sharing.
Thanks for the great tutorial.
Sounds very easy-to-follow. Will try it once I get everything downloaded. Thank you for sharing!
It looks and sounds complicated…oh well, ill give it a try. Thanks!
My site is kirbythedog.wordpress.com
comment please?
What an excellent website. You guys have done a great job organizing everything and making the navigation easy to browse. How can I subscribe to your RSS feed? If you have one please let us know how to get more great information from your website.
Very helpful! Thanks a lot for sharing.
This looks like a great tutorial! Thanks for taking the time to post!
Loved this tutorial! Incredibly helpful…just so you can see what you helped me create:
http://gingercupcakecards.wordpress.com/
thanks for the great tutorial…not that difficult once you get going!
-Nicole
Thanks so much! This worked perfectly!
You will happily give you feedback. I cannot tell you how grateful I am for this wonderful tutorial. I had been trying to figure out how to design my own header without knowing how to do it and spening money on software I might never use again. With your help, and the Gimp software, I was able to create a page I love…and I will definitely use the software again and again!! My site is still new, without posts, but feel free to check out my work in progress blog.
Thanks so much!!
Niki
Quite clear and helpful – thanks!
Thank you! Just what I was looking for…VERY helpful!!
hi morgan! this is helpful! thank you so much!
Thanks, problem is….. my header is not centered. I’ve looked through lots of solutions but none of them seem to apply to the type of template I’m using.
Thank you so much, I finnally have my own blog header.
Hello Morgan. I found your blog on creating a header to be very helpful, however, I still am having trouble creating one. Do you make headers for people?
Hi Morgan,
I found your blog on creating a header very informative. I’m still having a lot of trouble creating one though. Would you be willing to help me?
Thanks!!
Thank you for this help. I have been looking a long time for ideas and thanks to you, I will be able to make my page a bit more me
I got lost half way through. I will keep trying. I actually want a header that is a solid color no pictures. I am trying to figure that out.
This tutorial was extremely easy to navigate…thanks so much!! I never knew about Gimp, but I have come to love it and it’s user friendly (for dummies) ways!
The only problem that I did run into is that I use the new Blogger Template Designer (I have the Picture Window template), so the dimensions are a bit off and I cannot figure out how to size the Header right. Any idea what the dimensions/pixels would need to be for my Header?
Thanks again…
Sarah E.
Thank you for this. A great help.
Thank you so much for this. I really struggle with the tech side of things. I’m going to give this a go tomorrow.
Check out my blog at:
http://www.mindbodysparkle.com
Thanks a million,
Rachael
I am completely confused.
Great easy to follow tutorial. =)
Thank you for the tutorial. I’ll post a follow-up comment after I work through this lesson. Thanks again!
Thank you for the tutorial. I’ll post a follow-up comment after I work through this lesson. Thanks again!
Question: I was just about to install Gimp on my Mac and saw that it was 78 MG. Is that right? That’s a lot of memory and just want to make sure there’s not a smaller version somewhere. Can you email me at cafeworkingblog@gmail.com with your advice? Thanks!
Thanks very much! Quite informative. I think I will give it a try. You are the Best!!!!!!~
Brilliant. Thanks!
Despite inputting the exact size for my WordPress blog, my banner is too big. It will be a fault with WordPress I would imagine.
Problem sorted!
Thank you so much! This was very easy and useful! Leigha
Thanks!
This caught my attention, I was trying to find the blog that will allow me to put a custom header in. I know how to make the header itself…I see you mentioned something about finding the TAGS that state custom header I’m about to look for this now.
Thanks~
hello..can i ask how did u make all the layer visible after that? im new in this..than u very much..hehe
Awesome. This is perhaps the programme that I needed when I first started out as a blogger. .:P.. But I have been experimenting a lot with paint and photoshop (actually just getting to know photoshop a bit better, since I am quite used to windows paint) and have become a lot better than I was before at designing my own headers.
But I’ll think of gimp whenever I decide it’s time to change headers. But I do think I’ll most likely stick to this header for quite a good while.
Pingback: Picture Pretty? «
Thanks so much for the instructions. They are very clear and I was able to create my own blog heading very easily when I never thought I could!
Hi! Can you add pictures on top of other pictures? Please help!
Thank you so much! I used Picasa’s Picnik and it worked like a charm: isacrafts.blogspot.com
Just used your tutorial to make a new header for my blog in Blogger, thanks for making it easy to follow! Here’s the header I made with your tutorial: http://blueorchid-bakingandgardening.blogspot.com/
great tutorial! Its taking me two hours and i still haven’t figured out what type of heading i want from the free scrap blogging website. I daren’t even click on the links to the fonts you have
Very helpful indeed!
thanks much! ill try to make my own headers…
Just great, really simple to follow, I am off to design.
Thanks you SOO much for this! I’m gonna go give it a try right now ^_^
hello i have a website with html index.html page and it have header and footer which contain flash and js file so how can i designe for blog in word press??
plz help and also i will give link of the website for that i have to create a blog.
http://websitedesigncompany.net.au/
Great post – I’m going to use it to link up some newbie scrapping bloggers today. Hopefully you will see some traffic later tonight!
This was so helpful! Thank you!
Thank you it was helpful and informative! What took me a while to figure out was how to move the background around as a layer. The only difficulty I had was figuring out how to make a stylish not tacky background with my own pictures.
Yes I did make my own header from your tutorial. Thanks again!
I don’t know how to make banners but I am asking a friend to make it for me, I wanted to ask what is the theme you’re using here?
This is great! I’m pretty much Gimp-illiterate and usually just end up clicking all over the place in resigned frustration but thanks to this I actually made something! Thanks so much
Thanks for sharing this info with us!
This was very helpful! Thanks so much!
Yes… it was helpful! Thank you. =)
Great tutorial, but I would switch the links at the beginning to “open in new window” I had to back track to your page!
My first post!
its really brilliant, go you know of any programs for mac?
I guess I’d like to know – the “embellishments” you added, such as the flower in your example above. Where did that come from?
Many times when I’ve tried to download pics like that, they end up coming through with a black background. So I’d love to know where you got the pure image from …..
I found a lot of great freebie embellishments at raspberryroaddesigns.com
Thank you for sharing your knowledge
This can be also used to design the background of the blog and even pictures for certain posts. Cool.
Thanks for sharing this program! I have been looking for a way to create my own header for some time now. This is by far the best thing I have found on the internet. Most of the programs look rather bland and don’t offer many functions. Thank you.
wow!!! this is so great…thank you! much helpful
Thanks for the post! I’m going to try it out.
Hopefully, I won’t be too dumb to do it. Thanks for sharing. It’s very informative and easy.
I did it! It took me several days but I was able to customize my header. I’m very UN-tech savvy so I’m so happy I found your tutorial. Thank you!!!
Do you have a tutorial about how to create a button and the code to go with it?
Pingback: Comeback Kid |
Thanks so much for this, i finnaly decided to have a go at creating my own background for my blog so fingers crossed with your help it’ll work
You are a big help! Thank you. =)
Thanks for the tips!! Managed to design my own blog header!!
my life saver thanks so much
I love you for making it so easy. I googled this and yours came up first and it was the only one I needed!
Thank you very much for this very helpful post! I managed to make my own blog header following the instructions you made.
Thanks, this was a huge help. I will bookmark it and use it to create other images for my blog as well. I love the open source links to. The only thing I would change would be to have your links open in a new window so I don’t have to hit back all of the time.
Thanks so much! My header isn’t ready yet … but I’m getting there. Without you, I’d be completely lost. Thanks again! (:
papaisapreacher.blogspot.com
Loved it, but lost you when you started applying layers. Where do you find papers??
Thank you for taking time to post this!
Thanks for posting this…. easy to understand, lots of pictures, I am a visual learner… thank you so much!
You’re very welcome! Glad you found it helpful!
Thank you so much! This looks so much better than what I was working on before!
Awesome! Glad to hear!
Pingback: How to Make a Header for Your WordPress Site with Free Graphics Tools
I’ve tried Gimp once years before. But it had too much stuff and I went for something simpler. Will be glad to have a guide to trying it again. I’m running Linux now and not using my old MSWindows graphic software, the simple one. Thanks for your post.
I am sooo glad that I found your post! You are a lifesaver!
I just started my blog and I was having such a hard time figuring out how to get my own header/background set up- and then I found your blog! Thank you so much for this post!
So glad I was able to help! Just hopped over to your blog; looks great!
Thank you!
Nice tutorial, but just to point out, where it says: So if your like me,
the your should be you’re.
Thanks for the instructions!
Good catch! That post has been up for almost 3 years and you’re the first to catch that mistake. Thanks!
Wow wow wow, that’s one good tutorial! Thanks a lot!
You are very welcome!
Wow! This worked perfectly! Thanks!
You’re very welcome! Come back and visit again!
Thank you so much for this great tutorial! Thanks to you, I’ve created my own blog headers. Would you care to check it out and tell me what you this if you have time? It’s:
http://www.coolblogheaders.com
Pingback: It’s Saturday | More Fruit Please
Thanks! Your tutorial helped me, and now I love my new header!!
Great tutorial! Please take a look at the headers I created thanks to you, I give them for free:
http://www.coolblogheaders.com
I really need help I’m hopeless at stuff like this -.- I just want a vintage looking back ground with when a moment lasts forever writing in it? please help email me: shannonlouisehendry@hotmail.com
Shannon, sorry the tutorial didn’t help you. I don’t actually design blog headers for other people, but there are plenty of people who do, so look around for someone who can design one for you.
Thank you so much. This has been the only time I have managed to make a blog header, albeit a basic first attempt, without wanting to drop kick my laptop through the nearest window. The only problem I had was when I went to save, it didn’t give me the jpeg option, so I searched through some help notes and discovered I had to export the file to save as a jpeg… just something to note in case anyone else gets that thrown at them! Once again, thank you.
I’m trying to design a header that has a photo or a scanned in drawing that I’ve done myself as the background rather than a scrapbook background but I have no idea how I could do that.. I’m wondering if you could help me out!
I tried following your instructions and they worked fab up until I wanted to save it as a jpg – the option to choose jpg format wasn’t there so I wrote ‘jpg’ next to the file name instead, which did save it as a jpg except it contained no image and when I tried to upload it onto my blog it said it was corrupt or is in an unrecognisable format… what can I do?
Thanks for this helpful information. I was struggling to find the size of blogger header. Now i found it in this post. Thanks again.
thank you for posting….this is exactly what i was searching for!
I’ll try this out, mine get to bigger.
This really helped. Thanks!:)
Fantastic and easy to understand tuturial! You missed your calling in life I think
Thank you so much, I’m excited now to make a banner!
Thx! works perfect!
THANK YOU SOOOO MUCH! EXACTLY WHAT I’VE BEEN LOOKING FOR….WHOOT! WHOOT!
BLESS YOU!
Hi, I am trying to start out this morning and am already stuck at http://www.digiscrapdepot.com, where I signed up as a member and they said they sent me an email so I can have access but they didn’t, so I have my Photoshop all ready but no scrapbooking kit. Anymore leads on a kit and do they just say kit or do you build the kit somehow?
Thanks,
Rhonda