Follow Us on FacebookFollow Us on TwitterRSS Subscribe Follow Us on YouTube

March 15, 2013

How to Add an Image to your Blogger Header














Todays tutorial will show you how to add an Image to your Blogger Header. This post is being made for my friend Nick P. from Bake Fails. So make sure you stop by and check out his new header. Nick shares some really great recipes and photographs that you're bound to love!

How to add an Image to your Blogger Header


First lets clear up any questions you may have about where the header image is located. In the screen shot below you will see an arrow pointing to my header image. (My image was designed by Karen at Baking In A Tornado)































Next, you must make sure your image is sized properly for the width of your blog header. If you need help finding the width of your header, please leave a comment below with the url to your blog and I will find it for you. If you need to resize an image, I would suggest using PicMonkey or another image editor to your liking.

Okay, so we have our image and it's resized. The next step is to go to your Blogger Dashboard ---> Layout ---> Header ---> Edit (See image below)






























Once you click on "Edit" the "Configure Header" window will open. To the left you will see the word "Image" and to the right of that you will see the option to upload or open the resized image you are wanting to use for your header. So click on "Choose File" then locate the file on your computer and click "Open" to upload it. You will then need to decide the placement of your blog title and description. Your options are: Behind title and description; Instead of title and description; or Have description placed after the image. Make your selection and click "Save" at the bottom.






With my header above, I chose "Instead of title and description" and used PicMonkey to add my own title and description to the image itself. I gotta tell you....my header changed numerous times. I resized it over and over again...changed the font, the size, the color, the image itself.... :)

So don't get discouraged if you're not happy with the end product. Just keep playing with it and as always, if you need any help at all. Please leave me a comment below!