It’s the final installment of the tutorial! Today we’ll get your new header installed in blogger.
Blog Dog and I are going to start out this post with a disclaimer. I am not a brilliant tech-guru with loads of computer programing experience. I hope to help those who want a simple way to improve their blog without a lot of fuss or prior knowledge of computer lingo and coding. In no way is this tutorial going to be the only way to do things, or even the best way. It’s my way. Blog Dog agrees.
If you followed along so far, you’ve created a lovely header for your blog using your own photos and text. Now let’s put that header on your blog, shall we?
1. Open Picasa and Open Your Blog Layout
First, open Picasa on your desktop and go to your header that you saved. Without closing that window, open your blog dashboard and open the Layout.
Blog Dog tip: If you’re nervous about making changes to your blog, you might want to set up a second “test” blog just for messing around with. I have a blog named “fab art test” that is set to private. I can try out all my changes before I upload them to my real blog. If you do set one up, make sure that you choose the exact same template, so they will look identical. You don’t need to create posts or keep up on this blog, it’s just for fiddlin’ with.
The next step may be the last, or you may need to do some adjusting. I needed to do a lot of adjusting to get my header to look right, you may too.
2. Edit Your Header in Blogger
Does your interface look different than mine (below)? I use bloggers new version. Doesn’t matter, you can use the old or new. Click on “edit” in the header bar.
If you already have a header installed, you’ll want to click “Remove Image.”
Select these options… From your computer, Instead of Title and Description, and Shrink to Fit. Leave the blog description blank.
Click on the BROWSE button and find your photo. Select it and click the orange SAVE button.
Keep your fingers crossed…. now preview or view your blog.
Does it look right? Is it the right size? If so… congratulations, you’re done!
If not, don’t worry, I’m going to show you how to make adjustments. My blog is a three column blog and for some reason blogger wants to make my header too narrow and leave a bunch of white space on the left. Not cool. I want my header to stretch the entire width of my blog, including my sidebars, so I need to do some fiddlin’.
If your Blog Header is the wrong size….
First, try step 2 again, but unselect the “Shrink to Fit” option. This may fix your problem. If not, you need to change the size of your header in Picasa. There are several ways to do this, I’m just showing you one way.
You may need to change sizes a few times. I find that it’s easiest to just keep trying different sizes until I get it.
To change the size of your photo in Picasa, pull down the file menu and select “Export Picture to Folder”.
Change the width of your header by using the slidebar or typing in a different number.
Make sure your image quality is Maximum. Click the Export Button. Again, Picasa is a little goofy here, you need to pay attention to where your photo is located so you don’t misplace it.
Now, go upload that new version and see if it fits. Too big or too small? Adjust the size by a few pixels and try again.
It took me three tries to get mine set up in my test blog. My blog is supposed to be 1,000 pixels wide. The header ended up needing to be set at 980 pixels wide. Don’t ask me why, Blog Dog might know but he’s not telling me.
Hopefully, you’ve got a stunning new blog header now! Leave me a comment with your blog address if you’ve created a header with this tutorial.
Last note: Why is the header on this tutorial different than the one on my blog? Because I wanted to show you the Picasa method from scratch and get all the screen captures as I created it.