Today I have a tutorial for those of you who have your own blogs! I recently shared these free blog headers, and wanted to do a tutorial for those who aren’t sure how to add their own text to these headers. You can follow this tutorial even if you aren’t using my free blog headers.
This tutorial will be very simple, mainly we will just add some text to one of my free blog header templates. It’s best to keep things simple so you don’t have a very large file that will slow down your site. Instead of using my templates you can upload your own designs or some photos you have. Let’s get started!
Find your blog header’s size
The first step is to find out what your current blog theme’s header size is. I’m using the Chrome browser and as an example I used the twenty ten theme from WordPress.
1. Go to any of your blog’s pages and right-click on the header area. Click on Inspect Element.
2. Some code will pop up on the bottom of your screen. Ignore that but notice that your header area is now highlighted and the size is shown in a little yellow note. Write down these numbers.
3. Alternatively, you can try to right-click your header image, choose “save image as” and save the image to your computer. Write down the size of this image.
As you can see here this header is 940 pixels wide by 203 pixels high.
Set up your blog header in PicMonkey
Go to PicMonkey’s website and hover your mouse over Design, and choose custom. Type in the size of your header here.
Design your blog header in PicMonkey
Now we can start designing! On the left sidebar, click on the butterfly icon to upload an image from your computer. I uploaded my own free blog header templates, but you can use anything you wish. You will see that the image you uploaded is too small, so grab one of the CORNER handles and resize it to fit the whole header (if that’s what you were after).
Now we will add our text. Click on the Tt icon and type out your blog name. The fonts I used are Emily’s Candy and Raleway (a font on my own computer).
When you are happy you can save the image to your computer. Click the save button at the top of the screen.
If you used a watercolour texture like this, gold effects, gradients, photos, or anything that contains a lot of colours, save it as a .jpg. If your header very few colours (only about 1 – 4 colours), save it as a .png. For the quality I chose Sean because it looked best, but you can try the others too if the quality is not too bad.
I hope you enjoyed this tutorial! Let me know if you have any questions by commenting below.
I’m linking up to these parties.