Tips for how to design a blog header
Do you look at other blogs and think their site’s branding just looks better than yours?
Are you stuck with a plain text or default header and aspire to have a cool banner image?
Then read on for tips on how to design a blog header without getting a design degree first.
What is a blog header?
A blog header is the banner that is displayed at the top of your blog site.
Your blog header is a key piece of branding for your blog, so it’s important that if you want to go pro (or at least look like as though you are) you’ll need one that looks great.
This is the blog header from my site:
But these were past ones from different themes (and before I’d nailed down my branding) – don’t judge me 🙂
Not sure how and what to design?
Then read on…
1. Design one in Photoshop
Photoshop is the old favourite for digital designers and online creative. It has evolved over the years to integrate loads of awesome tools that make designing banners and online imagery a seamless task.
The thing is though, a) you have to pay for it (and it’s quite expensive) and b) you need to know how to use it.
If you use other Adobe products for print design, there’s a good chance you’ll be familiar with a lot of the types of tasks you’ll need to do, but you’d still benefit from a training course. You can also watch Photoshop tutorials on YouTube.
2. Get someone else to design it for you
If you have an idea of what you want but creating it yourself is just way beyond your remit, find someone else to do it for you.
If you’re lucky enough to know a willing designer then that’s great for you. On the other hand, there are plenty of creatives just sitting waiting for the job.
Use an online marketplace such as Fiverr where you can get a header designed for as little as £3.98.
That’s a bargain and way quicker than dabbling in Photoshop.
3. Use an app
No budget but still want to look professional?
They have free versions to use where you can create imagery and download royalty-free files to use as you wish.
You can also use these apps to design banners that are already sized perfectly for you social media profiles too.
4. Download some free online software
Similar to Photoshop (only FREE) is GIMP.
Again, it can be a little overwhelming if you’ve not used it before so it’s worth following this tutorial on how to use GIMP
5. Customise some free blog headers
If you still feel out of your depth in designing a blog header, why not download a ready made one and just customise it?
Sites such as Free Web Headers provide a free resource for for bloggers to access header images for websites and blogs.
*I take no responsibility for any damages caused if copyright is contravened.
So now that you have the tools, here are a few tips to remember:
- Keep it simple
- Don’t overcrowd your banner
- Don’t include too many font faces – stick to a maximum of two fonts
- If you use a decorative font for one element, use a simpler or bolder font for the other (like my current one)
What other tips would you suggest?