Blogger Tutorial: How to Make a Header (Beginners)

So you have a blog, but you’re missing that *perfect* new header for it. Let me help!

If you’re a blogger or beginner in web design and you want to build your own header, my Pretty Little Tutorials guides are perfect for you. Today in this post I’ll help you gather the information you need to make your own header including graphic sources, free and premium fonts to use and how to upload it and size it correctly.

1. First, you need to decide what kind of header you want. Do you want just text or do you want some graphics in there too like flowers, books or various clip art? After you decide what kind you want, load up one of many free photo editors available on the internet. My favourites are PicMonkey and Ribbet. 

For this tutorial, we will be using PicMonkey

2. Load your template on your blogger platform and find out the width of your blog. This will help when you’re making your header to know what kind of fit you’ll need. For this tutorial, we’ll be making a header that’s 800 x 330. This will be a good standard size for a blog, but feel free to make it larger if you’re planning on adding bigger graphics.

3. On PicMonkey, we’ll start by clicking “design” which let’s you pick a customised size to start your header. You can input the size above or your own. From there, you can pick a different colour for your template header if you want. For this example, I’ll be using a white header.

4. Adding a graphic time! For this header, I’ll be adding lots of hearts to make it soft and pretty looking. For this, click the butterfly symbol and from the list, find some hearts that you like. I’ll be adding a few different coloured ones to make this cool look!

5. Time to add some text! Click the text options to see a range of fonts available on PicMonkey, or click “yours” to select from your own computer’s selection of fonts. If you want to buy a font for commercial use, I’ll list a couple of selections below. For this tutorial, I’ll be using the font Bromello. It’s free to download here and is for personal or commercial use. Simply add your logo, text or tagline wherever you choose! 

6. Once you’re done with your design, click the save button and you have your new header! You can input it onto your blog design in layout. If you’re planning on uploading it to a host website, Photobucket is a great free website for hosting your images. 

Other font alternatives are: Brushgyo, RofiTaste and Befonts have a brilliant selection of free or commercial use fonts. 

Stay tuned next week for another Pretty Little Tutorial. If you have any questions or comments, please let me know below or on twitter @LittleMemoirs. 

happy reading!

post signature

Similar Posts