• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Home
  • Blog Monetization
  • Social Media
  • WordPress
  • Resources
  • Freebies
  • Nav Widget Area

    • Bloglovin
    • Facebook
    • Instagram
    • Pinterest
    • Twitter

Lovely Blog Academy

Lovely tips for growing and monetizing your blog

AFFILIATE MARKETING FREEBIES

Download my beginner's guide to affiliate marketing & my income tracking spreadsheet by signing up to my weekly email newsletter:

Thank you! Now check your email inbox

How to QUICKLY design a gorgeous blog header for FREE

Whether you’ve just started your own blog (congratulations) or your current site needs a facelift, creating your very own blog header for the first time can seem daunting if you’re not already a PhotoShop expert.  While paying a professional is desirable, spending a sum of money on a custom design is just not an option for most bloggers.   Your only real option is to design something yourself.  But where do you start…?

How to design your own blog header (FOR FREE) at LovelyBlogAcademy.com

Luckily, there’s wealth of fantastic, fabulous and not to mention FREE resources that will help you along your way.  Here are some of my favourites…

But first things first….

You need to find your blog header’s dimensions

Before designing, you’ll need to find out your blog’s header dimensions.  The dimensions can vary depending on your platform/theme.  There are a couple of ways to find out your header’s dimensions, I’ll outline them below.  One of these methods should work for you –

Method 1) Check if the header dimensions are listed in your website’s admin area or layout customiser area.

Method 2) Load up your website and right click the current header.  Save the image to your computer.  Right click the image and choose “properties” (Windows) or “get info” (Mac). The dimensions should be listed.

Finding header size on Mac

Finding header size on mac

Method 3) If you’re still struggling, use your browser’s developer tool to grab the image dimensions in your browser.  If you use Google Chrome, there’s a great tutorial for bloggers here.  (Internet Explorer, FireFox and Safari all have similar tools available too).

Struggling?  Come ask on our Facebook page.  I’ll find those dimensions for you.

On to the design tools and resources!

Canva

Canva is a free design tool that’s easy to use and full of beautiful templates.   You only pay for using their stock images (which, you can even replace with your own free images if you prefer). Their stock images are very affordable, only $1 (about 80p) a piece.

You can either choose to set “custom dimensions” for designing (there’s a link top right once logged in).  Or scroll through the different templates and choose one that is the same size as your header.

Here are a couple of really quick examples that I made using Canva, along with step-by-step instructions so you can recreate them. The first is a simple and minimalist design, these kinds of headers are very trendy at the moment. I chose the custom dimensions option, this header is 960 x 200px.

A header i made in CANVA

How I created this blog header:
I entered my custom dimensions (960px x 200px). When the canvas loaded up, I went straight to search > illustrations in the sidebar. I scrolled through the illustrations until I found these lovely floral embellishments.  I resized and rotated both graphics until I was happy (pro tip:  watch for the numbers that pop up as you resize and rotate, ensure both embellishments are the same.)  Using the options panel, I changed the flowers’ colours to match my own palette.  I added some simple text.  Done.

Here’s my second example. I created this from the “Facebook Cover” templates.

Blog Header Example made in Canva

How I created this blog header:
I chose the “Facebook Cover” templates option.  (Don’t worry about the profile picture, that won’t be there when you download your header).  I selected the design from the left hand menu, which you’ll notice is full of different template options.  I changed the wording and gave my subtitle a slight opacity (select “transparency” from the font options when typing). Note:  If you don’t like the floral background, delete it and add your own photo instead.  Play with the filters and blurring until you’re happy.  Turn the PAID templates into FREE ones by switching Canva’s stock image with one of your own photos.  Canva will always tell you if your design is free or paid before downloading.  If you do decide to use one of Canva’s paid images, they only cost $1 (about 65p) a piece.

Tip:  Choose your colour scheme by browsing palettes at ColorLovers.

Resource:  If you use WordPress.com, this blog post tutorial should be pretty handy.

PicMonkey

PicMonkey is another great design and editing tool.  It’s free to use, but you can go “premium” to access more icons, fonts and backgrounds.  While it doesn’t have pre-made templates like Canva, but there are plenty of scope to create nice looking headers using the tool options and your imagination.  I whipped up this design in about five minutes flat (I’m sure you could make something far better if you put aside an hour or two for designing!)

Blog Header Example made in PicMonkey

How I created this blog header:
I clicked design > custom dimensions and set my size.  I clicked textures > boards to create the chalkboard effect.  I set both the saturation and fade to zero to make the chalkboard look darker.  I used one of the free icons from the “overlays” section, coloured it white and resized it to make it smaller.  I used two free fonts for the title and subtitle, Eraser Dust and RNS Camila

Resource:  Use Blogger?  21 Rosemary Lane will teach you how to create a photo collage blog header using PicMonkey.

I'm learning how to create my own blog header - come check out this page full of tutorials! Click To Tweet

More tools & resources:

Smashing Magazine have given away 45 different header backgrounds that you can edit using PhotoShop, Canva or PicMonkey.  Here’s my favourite from the collection, a rather serene-looking header featuring clouds!

One blog header example designed by Designed by Sergej Gorodenskiy, Russia.

Designed by Sergej Gorodenskiy.

There’s a whole section on Pinterest devoted to blog headers, full of tips, tricks, freebies and ideas.  Browse it here.

Angiemakes.com has a freebie section full of girly graphics that cannot be missed, featuring water colour flowers, feathers, wreathes, phrases etc.  Download these graphical elements and use them in your header design.

Angiemakes free graphics

WonderForest offers tips for creating a simple but attractive blog header.  The article includes plenty of examples to get you started.

If you use PhotoShop, head over to FreePik’s header template archive.  Also check out their other free graphic design elements (like buttons, banners, icons etc) for use in your design.

More freebies included free stock photography and graphic design elements on my resource page, located here.

1st December 2015 11:54 pm Carly Filed Under: Design

Any questions?

Leave a comment below, or head over to the LBA Community Facebook group.

Visit us on Facebook

Advertisement

Feminine WordPress Themes

Reader Interactions

Comments

  1. 1

    fashion-mommy says

    2nd December 2015 at 12:25 am

    Great tips, I would never have dreamed of having a go at this but with this guide I think it would be so much easier.

    • 2

      Carly says

      7th December 2015 at 2:29 pm

      Aw, I’m glad you like the tips. I love how Canva makes design so easy – it’s probably my #1 tool right now 🙂

  2. 3

    Susan Williams-Goebber says

    24th December 2015 at 9:32 am

    Waw, thank you for your tips, I’m a PicMonkey and Canva girl but sure will check out the others you have mentioned.
    Happy Holidays to you and yours

  3. 4

    Amanda says

    12th June 2017 at 5:54 pm

    This was exactly what I was looking for since I’m just starting out. You saved me some money! Thank you!

  4. 5

    Carly says

    23rd June 2017 at 11:07 am

    Yay, I’m so pleased it helped. Thanks for the great feedback. Good luck with your new blog.

  5. 6

    Maria says

    14th September 2017 at 9:41 pm

    Great post. It was the most helpful one among the other I found online!

  6. 7

    PI in Toronto says

    21st September 2017 at 1:38 pm

    I’ve been googling the internet for a few related information, but
    haven’t found anything as good as what you have here.

    I must say i, need to boost my Tumblr design. What do
    you utilize here?

  7. 8

    Uju says

    8th October 2017 at 10:34 pm

    Thanks. Found this very useful 🙂

Primary Sidebar

HI, I’M CARLY

If you're a blogger looking for helpful tips with a focus on monetization and affiliate marketing... you've come to the right place! ABOUT ME & THIS SITE

TRIED, TESTED & RECOMMENDED

Want to get started with affiliate marketing? I use and recommend SkimLinks. Install it and it'll monetize your content automagically. Works with ANY site:

SkimLinks

RECENT POSTS

  • Can I use Shopstyle Collective with WordPress.com?
  • Can I boost my Amazon Affiliate Links on Facebook?
  • How to add a ShopStyle Collective widget to your sidebar in WordPress
  • Can I post Amazon affiliate links to Pinterest?
  • FREE: Blog income tracking spreadsheet
  • A guide to using affiliate links on Facebook
  • How to monetize your WordPress.com blog
  • A beginner’s guide to WordPress security
  • 17 successful affiliate linking strategies you need to know
  • How to add links to image captions in WordPress

MORE FROM THE BLOG

Guide to affiliate marketing and promoting affiliate links on Facebook

A guide to using affiliate links on Facebook

How to manage mupliple Pinterest accounts using Google Chrome

How to easily manage multiple Pinterest accounts (for FREE)

Tips for affiliates/bloggers

17 successful affiliate linking strategies you need to know

AFFILIATE MARKETING FREEBIES

Join my community to get:

My beginner’s guide to affiliate marketing (5-page eBook)

My affiliate income tracking spreadsheet

Access to my private Facebook group (ask questions, share your blog etc)

My email newsletter once per week

Thank you! Now check your email inbox

Browse by category

  • Blogging Tips (1)
  • Design (2)
  • Monetizing your blog (15)
  • News (1)
  • Social Media (8)
  • WordPress (6)

COME SAY HI

  • Facebook Page
  • Facebook Group
  • Instagram
  • Twitter
  • Pinterest
  • Google+

FREE DESIGN GOODIES:

Powered by Creative Market

Useful pages

  • About
  • Contact
  • Content Archives
  • Resources / Credits
  • Advertise here?
  • Disclosure
  • Cookie Policy
  • Privacy policy

RESOURCES

ShopStyle Collective, Formally ShopSense

Here's a list of every tool, app, resource and piece of equipment that I personally use on this site (or on one of my other blogs) and recommend. The list is a mixture of free and paid resources. Disclosure:  I have used affiliate links to some of the ... Read this post

Footer

DISCLOSURE

This website is supported by adverts and affiliate marketing links. This means if you click a link and/or buy a product, I might earn a commission at no extra cost to you. These partnerships help pay for this site. Regardless of this, all opinions are my own. Read my FULL earnings disclosure here for more information.

As per the Amazon Operating Agreement I have to state that I (Carly Wood) am a participant in the Amazon Services LLC Associates Program and the Amazon EU Associates Programme. These are affiliate advertising programs designed to provide a means for sites to earn advertising fees by advertising and linking to amazon.co.uk and amazon.com.

Learn more about paid advertising & affiliate marketing:
Visit: PaidForAdvertising.com

This site also uses cookies.
You can also read about cookies and how they affect you by clicking here. My privacy policy is located here.

  • About
  • Contact
  • Content Archives
  • Resources / Credits
  • Advertise here?
  • Disclosure
  • Cookie Policy
  • Privacy policy

© Copyright 2017 · CARLY WOOD · Lovely Blog Academy