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’.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
1: 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’.
1: 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’.
1: 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.
1: 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.
1: 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’.
1: 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