How to make a blogger header with PicMonkey.

When i started my blog, it was so difficult to find someone’s blog to help me with the process of making my own blog header. It came to the point of having to look on so many different blogs. Getting little bits of information which was helpful and trying to work it out myself.
So hello, here is a step to step guide on how to make a blogger header with PicMonkey.
PicMonkey is a free photo editing programme, there is a limited amount of effects which you can use. However, if you wish to use them all, you’ll have to upgrade to ‘Royale’. Once you upgrade, you’ll get all the effects listed to you.
When creating my recent blogger header i did use Photoshop and PicMonkey which is a lot harder than just using just PicMonkey. If anyone wants a tutorial on how to use Photoshop and PicMonkey just comment below and let me know. If you let me know what you want and i’ll be happy to help you out. So here is your tutorial, lets get started!  

Step 1:  

1: First you need to go to PicMonkey (

Step 2:

1: Up the top of the page you shall see 4 items, ‘Edit’, ‘Touch Up’, ‘Design’ and ‘Collage’. Here is where you need to hover over ‘Design’ and this is where it shall drop another menu.
2: When the next menu has dropped down you shall see 6 items, ‘Square’, ‘Facebook cover’, ‘4×6’, ‘5×7’, ‘8×10’ and ‘Custom’. This is where you need to select ‘Custom’. 

Step 3:

1: Next you’ll have ‘Enter a custom size’ come up and this is where you need to decide what size header you want for your blog. I can never find an accurate size for a blog header so i just go for the size’s ‘1000 x 300’ but if you know the accurate size for a blog header this is where you’ll need to put it and then hit ‘Make it’. 

Step 4:

1: Your header canvas then comes up and on the left hand side you have everything that you’ll need. But, first you have to select your canvas colour which is the second option in the list, just under ‘Crop’.

Step 5:

1: Here is where you need to decide what colour you want your blog header. Here i have decided that i want a white header for my blog. So i have selected white with the code ‘ffffff’. After you have selected your colour you then select ‘Apply’.


Step 6:

1: This is my blogger header so far, yours should be look exactly the same but maybe a different colour. Next you shall be wanting to add some text to the header.

Step 7:

1: Adding text is the next step, right on the left hand side there are 8 symbols. At this stage you’re only interested in the 4th symbol from the top, the capital t and the lower case t, which looks like ‘Tt’. 

Step 8:

1: After selecting the ‘Tt’ symbol you’ll have a menu beside it appear. This is where you need to select the font you’ll be wanting on your header. Here i have selected the font ‘Quicksand’. One thing i forgot to circle was the ‘Add Text’ box at the top of the list, you must select which type of font you want and then click on ‘Add Text’.

Step 9:
1: After selecting the font you want, you’ll then have a text box appear this is where you shall be writing your text. 

Step 10:

1: Here is where i have written my blog name ‘Kaitlin Louise’. As you can see the writing is very small so i shall be needing to change the size of the text on the pop up option on the right hand side of the screen.

Step 11:

1: As you can see i decided to drag the pop up option to the left of the screen so don’t worry if you’re wondering if it’s different, it’s not, it’s exactly the same i just moved it to the other side of the screen. Talking of the menu, this is where you can change the size, you have to highlight your text before you can change the size.

2: Here i have chosen my size of text which is ’94’ which makes my text big enough to fit most of my header. 

Step 12:

1: Within the same pop up menu, this is where you can change the colour of your text if you want to. Here i changed my text from black (000000) to a blue/green colour (00a0b4). Remember before you do any text change, you must highlight your text first as you wont get any results if you don’t. 

Step 13:

1: Now i’ve changed the colour of the text, it’s time to decorate the rest of the banner. If you don’t want to add anything else to the header then you can skip some of the next steps. Head on down to Step 20.

2: If you’re wanting to add more items to your blog header then you shall be needing to look at the 8 symbols on the left hand side of the screen again. This time you shall be needing the 5th symbol down which is a butterfly. When you select that a menu to the side appears.

Step 14:
1: Going through the list i decided to use some buttons. I know more than likely you won’t be wanting to use buttons on your blogger header. At this point you just need to find the selection of items you’ll be wanting to use on the header and just follow the steps.
2: When i found the button i wanted, i selected it and it appeared on the blog header. This is where you decide where you want it to be. As you can see i decided i wanted it on the left hand side of my writing.

Step 15:
1: You can have as many different objects on your blog header. I have decided that i wanted the same button on the right hand side of the writing as well as the left hand side. So i just redid Step 14 again.

Step 16:

1: As i said, i redid Step 14 again and now i have 2 buttons either side of the writing. When looking at the blog header i find that it looks very boring. I felt i need to add something else so i looked through the list again and came across the ‘Butterflies’ section.  

Step 17:

1: Here i have selected the 4th butterfly in the row which has 5 butterflies together. So i selected it, and it appeared on the blog header. This is also where i changed the size of it, but this is upto you. If you want it small or a bit bigger.  

Step 18:

1: This step is the same but this time there’s a small difference. So exactly the same, you go to the ‘Butterflies’ section and go to the 4th one on the row and select it. When it appears on the blog header this time we are going to pay attention to the pop up named ‘Overlay’. At the bottom of the pop up, there’s 3 buttons in a row starting with ‘Delete’. We’re interested with the second button in that row the 2 horizontal arrows. This is the button needed to flip the butterfly image. 

Step 19:

1: Here as you can see, the butterfly image on the right hand side has been flipped over and i’ve placed it on the button. It’s the same as the butterfly and the button on the left hand side. 

Step 20:

1: Here is my finished blog header. If you’ve got to this point and is still not too happy with the blog header with it looking blank then go back and add some more. It’s your blog header, you can have as much stuff on there as you like. Once you’re finished come back to this step and i’ll talk you through saving it.

2: When you’re ready to save, you need to look at the top of your page. There’s a slim grey area which starts off with ‘Open’, you’ll see that next to open there is a ‘Save’ button and that’s the one you need to select. 

Step 21:

1: The next few steps are very important. This is where you shall need to save your blog header.

So you’ll need to add a file name of your choice. Then beside that you have the option of saving your blog header as a ‘.jpg’ or a ‘.png’.

2: This step i never knew because other people hadn’t mentioned it while explaining how to create a blog header. Normally, everyone would save their images as a ‘.jpg’, but not this time. You have to save it as a ‘.png’.

Step 28 shows you the reason why you have to save it as a ‘.png’ file.

Step 22:

So here i have my file name (yes i know it’s just named as Untitled) and i’ve changed the file type from ‘.jpg’ to ‘.png’ and then you need to head on down to the green button which says ‘Save to my computer’.

Step 23:

Now you have your blog header saved, you now need to upload it to your blog.

So open blogger and on the left hand side you have your list, and you need to select ‘Layout’. 

Step 24:

Selecting layout will then take you to the layout of your blog, this is where you need to go to where it says ‘(Header)’ and select it.

Step 25:

After selecting ‘Header’ you have a pop up named ‘Configure Header’. Here you are only interested in the image section. It’s automatically selected on ‘From the web. Paste an image URL below’. You’re not interested with that part, you’re only interested with ‘From your computer’ you need to select ‘Choose File’ and then you have another pop up appear and that is where you need to find where you saved your blog header on your computer.

Step 26:

As you can see when i found my blog banner and selected it, it uploaded on the ‘Configure Header’ pop up. Then below that, you need to decide the placement of the header. Here i have decided ‘Instead of title and description’ works best for me and then you select ‘Save’.

Step 27:

After selecting Save, it then takes you back to the layout of your blog, this is where you’ll need to go upto the top of the page where you can see 3 buttons ‘Save arrangement’ ‘Preview’ and ‘Clear’ this is where you need to select ‘Preview’ this allows you to view your blog header before you save it.

The next step i shall show you the difference between ‘.jpg’ and ‘.png’. When you have previewed your blog header and you like what you see then you come back to the layout of the blog and this time you select ‘Save arrangement’. There you go, you have designed and uploaded your very own blogger header. 

Saved as a ‘.png’ file

Saved as a ‘.jpg’ file

Step 28:
Following on from Step 21. Here i’m going to explain the reason why you need to save your blog header as a ‘.png’ file and not a ‘.jpg’ file.
The top image is the ‘.png’ file and the bottom image is the ‘.jpg’ file. As you know i decided that i wanted a white blog header also it might be a little bit easier to see the difference between the file formats. As you can see the ‘.png’ file is all one colour but when taking a closer look at the ‘.jpg’ image you can see that there is a grey coloured box, that is not what you’re looking for and this is the reason why you need to save as an ‘.png’ file.


I hope this has helped you. If you have any questions then don’t hesitate and just comment below and i’ll get back to you.
Thank you for taking the time reading this, i know it’s a very long tutorial.
If you want any other tutorials then let me know.