How to put a banner on your blog (updated Aug. 2012)

If you would like to put a banner on your blog, but don’t know where to start….we will show you how!  This is a step by step tutorial on how to put a banner on your blog.  If you want to use one of our free banners follow the directions under the banner you would like to use and save it to your computer.

 1.  On your Layout page click on Edit text to your header.

2.  When the box pops up choose a file from your computer.

3.  Mark the circle that says Instead of title and description. Then click Save. 

When you view your blog you will see your new banner!  If you are using the new picture window template and your banner is not centered you will need to follow the steps on this tutorial to center your banner!

36 Comments

    • Hi Lori, depending on what size your blog is you will want to design it about 7.5 inches wide and 3 inches deep. Then save the image and upload it to your blog. You can use one of the programs we suggested on the how to make your own background tutorial:)

      Log in to Reply
  1. hi! looooooove this site. i have a wordpress.org account. can i use your banners and is it relatively easy to upload the template designs to my site? never done it and i have NO IDEA how. haha thanks!

    Log in to Reply
  2. Hi. I am wondering how to fix a banner so that the white behind it is transparent. I have a colored background to my blog and the banner has white surrounding it in a rectangle. Any ideas? Thank you!

    Log in to Reply
    • Hi Cam-it looks like you got it fixed:) For anyone else wondering about this you will need to save the banner you designed as a png image and not a jpeg image. That way the white will not be behind your banner. If you are using our free banners then you won’t have to worry about white being behind the banner. –Becky

      Log in to Reply
  3. I followed the banner tutorial but my title is not showing up on the banner. I tried uploading it multiple times and no change. thanks for any guidance.

    Log in to Reply
    • Hi Teresa, the template on your blog looks great and it shows your title! Did you figure everything out? –Becky

      Log in to Reply
  4. Your banners are just the cutest and most delightful treasure trove. I now have a question: how can I design my own banner? How do you make all the fabulous colours and patterns, and design the little pictures (owl, Christmas tree, etc)? I would love to customise my own. Is there a particular software? Thank you!

    Log in to Reply
    • Hi Picturetalk321-We use Photoshop to design our banners. You can also use free sites like pixlr.com:) –Becky

      Log in to Reply
  5. I sure hope I can get help with this. I have saved the image to my computer for a banner. However I am getting little squares behind the image and I can’t get rid of them. Please please someone help.

    Log in to Reply
    • Hi Larissa, can you send a link to your blog so I can see what you are talking about? Are you saving your banner image as a png file? That may get rid of the squares behind your image. —Becky

      Log in to Reply
  6. I absolutely LOVE this site!! I am pretty familiar with photoshop but started my new blog today. Your blog has an abundance of helpful info. Anyway, I used the layout tutorial and it worked great! I also used one of your banners and tweaked the colors a bit to match the layout. The only problem I’m having is the big white area aaround it once it’s saved. Should try and make it larger???

    Log in to Reply
    • Hi Crystal! Thanks for checking out our site…your blog looks great! It looks like you banner is off centered so try the tutorial on how to center your banner. I don’t see white space around it…did you fix that already? —-Becky

      Log in to Reply
  7. I can’t seem to get the white behind my banner to disappear. It automatically saved as a png file, and it’s your design, so I’m not sure what to do…

    Log in to Reply
    • Hi Ashley, you must have figured it out because your banner looks good!! Let me know if you need anything else! –Becky

      Log in to Reply
  8. I love your tutorials! I made a new banner for my blog, but it looks TINY! How do I make it bigger?? Please help. It’s driving me nuts! :0) Thanks!

    Log in to Reply
    • HI Michelle! It looks like you got it to work:)! Your blog looks great! Good job adding the pictures and text to the banner!! —Becky, TCBOTB

      Log in to Reply
  9. Hi! Thanks for the awesome banners! I’m trying to use one, but the tiny gray and white squares are showing up behind it. How do I fix that? I’ve saved and edited it as a .png file, but they still seem to show up. Thank you!

    Log in to Reply
  10. I’ve tried Picasa and just regular ol’ paint. Should I try something else?

    Log in to Reply
  11. Oh my goodness! I love it! it looks awesome! Thank you so much for your tutorials.

    Log in to Reply
  12. After I edited your banner at pixlr.com, the banner had a black box behind it. What should I do to get rid of the black box?

    Log in to Reply
    • You’ll want to make sure you save it as a .png. Did you do that?

      Log in to Reply
  13. I am having trouble getting rid of the white and grey checkered patter behind my banner. I cannot figure out how to save it as a .png. I am on a Mac and using picasa to add text. When i click save or save as, it doesn’t give me a choice to save as anything other than .jpeg, I’m not sure what to do.

    Log in to Reply
    • Hi Anna, you can save it as a jpeg too, you’ll just have a white background behind it, which is fine if your using it on a banner over a white background.

      Thanks,

      Ashley

      Log in to Reply
    • Hello!, Have you tried uploading to your blog? Does it still have the boxes then?

      Thanks!

      Ashley

      Log in to Reply
  14. Thank you for the banners! I am using one for my blog. It is okay if I put my blog name and change the color to make it my own?

    Log in to Reply

Leave a Reply