How To Create A Header For Your Blog

I am going to try my best and walk you through step by step on how I created the header for my blog. Let me first begin by telling you that if I can do this, you CAN too! It took a little playing around for awhile, but once I got the hang of what I was doing, I had a whole lot of fun!

Are you ready? Let's begin...

Start by downloading Picasa (you can do this for free). Once you have the program downloaded, you can start uploading your pictures. I know when I downloaded the program, all of my pictures from my iphoto instantly were uploaded.

Now, you will want to choose the pictures you want for your header to create a collage. Do this by clicking on the pictures from the library and then clicking on the "COLLAGE" icon at the bottom of the screen. I put all my pictures in the "PICTURE PILE" so that I could place them where I wanted them to be.

I made sure my pictures were lined up at the top of the workspace. You will notice a lot of white space under the photos, but you are going to crop this later.

Once you have all your pictures, click on the "CREATE COLLAGE". At this point, you can then double click on your picture to enlarge it and move it around.

Once you have created the collage, you can now add "TEXT". You can place the text anywhere you like and choose from plenty of fonts, sizes and colors. This is the part where you play around and have FUN!

Once you have your design, it's time to crop your image. Go to the "CROP" icon and then take your cursor across your image and crop the white from underneath your image. Once your picture is cropped, click "APPLY."

Now, it's time to  upload your image. If you have the STRETCH MINIMA TEMPLATE (like mine), the size of your image needs to be 1024 pixels. If you have the MINIMA TEMPLATE, the size needs to be 640 pixels.  Once you have that finished, go to your "LAYOUT" on Blogger.

You will need to remove the image you previously had and replace it with the new image. Make sure to click on "INSTEAD OF TITLE AND DESCRIPTION" and you DON'T want it shrunk to size.

The only thing left to do now is remove the border around your header. Go to your "SETTINGS" page and click on "EDIT HTML".

You will see all kinds of letters and numbers here. What you are looking for is this...

#header-wrapper {
margin:0 2% 10px;
border:2px solid $bordercolor;
#header { margin: 5px; border: 2px solid $bordercolor; text-align: center; color:$pagetitlecolor;


Change the number I have highlighted in RED to 0. It is really, really important to only change the number because your blog needs all the other stuff to stay the way it is. 


Now, "SAVE TEMPLATE" and go check out your new look!


If you have any questions, leave them on my comments page and I will answer them (on my comments page) the best I can.