5 kick ass ways to design a blog header

5 kick ass ways to design a blog header

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?

Check out easy to use apps like Canva and Picmonkey.

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?

free web headers

Sites such as Free Web Headers provide a free resource for for bloggers to access header images for websites and blogs.

Original free page header graphics are for free download for bloggers and web designers but make sure that you check the terms of use if you wish to use the images for commercial projects*.

*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?

Follow me on Twitter and Instagram.

Marvellous Mondays badge by Hello Archie

One Messy Mama



Blog Crush linky on lucyathome.co.uk

(Visited 102 times, 1 visits today)

Leave a Reply

12 Comments on "5 kick ass ways to design a blog header"

Notify of
Sort by:   newest | oldest | most voted
Musings of a tired mummy...zzz...

I’ll be completely honest I haven’t given any thought to a header. Maybe I’ll get my partner to design something as he is a lot more creative than me! #stayclassymama

The Tale of Mummyhood

This is really interesting, a blog header is something I definitely need to sort out! #stayclassymama

jeremy - thirstydaddy

I wish I’d know about the free header site. I used a free banner making site for my current header. Before that it was some letters cut out of magazines glued to construction paper that my daughter and I put together. I’m not even kidding #stayclassy

The Mum Project

Really great suggestions I’m going to check out these free sites! Although my other half has Photoshop (..which he downloaded slightly illegally from a friend) and he helps me with my header/logo etc, so I think I’m lucky in that respect. I really like your header it’s simple yet gets across the brand feel. Thanks so much for sharing with #StayClassyMama!

Jenn @ Mad Mommy

This is some great advice, I use Canva often for blog graphics and I should really design a better header! #StayClassyMama

Amy @ Arty apple

Great tips. I always go with ‘get someone else to do it’ ha x