Groovy Deals

Bloggy Help:

How To Make Headers For Your Blogger Blog - Using PicMonkey

Go to www.picmonkey.com. It looks like this as of March 2014. You can use the Design feature instead of the collage feature now...but the tutorial is still similar, just skip down to Step 5.

Old Look:

Click on Make a Collage first.

Step 2

In the Collage feature, go to the second box down, called Layouts, and click Ducks in a Row.

Choose the three squares in a row (or whatever you like). And then click SAVE (at the top), (name it something easy to remember, like blankcollage or blankbanner), on your desktop is best and easiest to find for now. (If you would like to use previously edited photographs in your banner, upload them here. Click Upload and drag them to the position you like or wait till Step 6).

Step 3

Click the X in the upper right hand corner of your workbox (shown in Step 5) and that will send you to the start of PicMonkey again. This time you will select Edit a Photo (above where you just clicked Make a Collage). You will be prompted to upload a photo...you will select the collage blank we just saved on your desktop. This will open up and you will have your "template" to work with! Now you can get creative too!

Step 4

This is where I resized the image. You can also do this later when you are saving your final draft.

To resize now, just click Resize button.

Then you can enter the size you'd like your banner to be. I entered 900 pixels by 300 pixels. Remember to click Apply.

Step 5

Adding Text to your banner is super important, as this is your Blog's name and possibly a tagline. To find the text tool, click on the P in the left hand column of your PicMonkey screen. Choose a font and try out different sizes and colors.

Step 6

Overlays are very exciting and add dimension and drama. You get many choices of cute stickers, geometric shapes, symbols, scrapbooky-like elements, and you can even add your own elements by clicking on Your Own - this can be a photograph, clip art, etc. (If you add your own, they must be in a .jpeg format, as they won't upload .png files.) This selection has a crown by it so we'll have to pay for it eventually...use it now!

So play with Overlays and make it your own. Remember to click Apply when you are finished.

Step 7

The last thing I like to do is add a Texture and a Frame...some great options are Rounded Corners, Museum Matte and Simple Edge. Note: some of the options don't work for this size. Just play around until you get the frame you like best. Click Apply.

Step 8

When you're super stoked about your new banner design you can click SAVE and you will be prompted to save to your computer. You may wish to create a new folder titled My Banners and save all your creations in there!

UPDATE: Many of you had questions about a dark gray line/background around your header...you can either save as a .png file (not a .jpg) or use a transparent background now available on PicMonkey).

Step 9

Then enjoy adding your new banner to your blog (or a test blog)...if you have questions...let us know.

UPDATE: Some of you are unsure how to add your new header to your blog...so here's a quick way to do it. In your LAYOUT, look near the top of all the boxes laid out, and click on the one that has your blog name and says HEADER. This box will appear:

Click the button that says "from your computer" and click the browse button. You will have to remember where you saved your new image (.png)...hopefully on your desktop.
Upload the image in this box...wait till it loads and then click SAVE. View your blog and the header will be at the top of the blog.
If you need to adjust the width of your blog, you will have to go to Template Designer and Adjust Widths until it looks balanced. Good luck!

Do you feel like a designer yet?

Note about BUTTONS:

You can use this post's simple tutorial to also create your own bloggy buttons!

To make your image small enough to be a button just begin with a blank collage (PicMonkey now has blank pallets available on their site, you can create a custom size as needed) and resize it to the button size you want, such as 150x150 etc.

This is a great help. Thank you so much! Hope you don't mind if I pin it. Do you know if picmonkey has a way that you can save something you're designing as a draft to go back to and work on later. I have a chore chart I want to work on, but so far the only option i know is to save it to my computer, which won't allow me to go back in and edit on picmonkey.

Thanks soooo much for this! I had no idea PicMonkey existed and I think I'll be using it a lot more to spruce up my blog some. Am new to your blog too btw (via Pinterest) and will definitely be back - you are now in my Fave bookmarks :)Thanks again.http://hksdesigns.blogspot.com

thank you for this so easy to follow tutorial. I have struggled for so long trying to follow instructions on how to make my own header. With this one it was so simple. I love how i have been able to personalize it so much to fit my style of blog, it's just the thing i have always wanted. Thank you. countrychickbutcitygirlatheart.blogspot.co.uk

tHANK YOU;, I have had problems with the size of my banner and clarity, this fixed it some what. Take a look.. I appreciate your help, its not exactly what I wanted for width but hey.... its better than the little sq I had..

Thank you for sharing this! I am new to the blogging world and this is just what I needed to spruce up my site, I will no doubt be spending lots of time playing around with designs to keep improving. ;) Would love it if you popped in sometime? X

Sophia did you figure out how to add it to your blog? Go to your Layout and click on the white box near the top that says (header). This will give you the option to upload your .png or .jpg. Make sure and click save.

Hi, thanks very much for this! I've just started my own blog and I had no idea how to create my own header, but now I've made one and it was super easy, so thanks! If you wish to have a look at it then my blog is http://sophiesbeautyy.blogspot.co.uk/ xx

How do I get the banner on my blog now? I am really not good at following the blogger instructions for adding things to my blog... couldn't figure out where to put the code for tracking stats. Help! I couldn't find the 2nd part of the button tutorial. I thought that might give me an idea. :(

actually that was a dumb question. It is done in the layout page not the template page. It's been so long since I changed my blog format I'd forgotten that.

You guys made this really easy. So easy that I've done both my main blogs (www.aogstudios.blogspot. com and www.sherola1701.blogspot.com), made a thank you card and transformed my "dead" artwork into some great digital art for print. I couldn't be happier to no I can get a good product without buying Photoshop.... for now. I might get addicted to digital art and then I'm all undone. As it is I am thinking of upgrading at Picmonkey. Thanks. You guys rock!

I was in desperate need of help and these instructions were so easy to follow. I am not a techie but I do love my little blog and wanted it to look somewhat personalized. I'm grateful to you sharing your expertise.

Thank you so much for this! I made a new sewing header for my sewing blog! You can check it out here: www.MySewingHabit.blogspot.combtw: mine turned grey also on the background, but it's okay since the sides of my blog are grey.Thanks so much!-Reyna

Hi thank you so much for this! I have a problem though... when i upload the header it turns grey when I want it to be white and it is white when i save it to my desktop. I don't understand what I am doing wrong. ahh help would be greatly appreciated!

Excellent blog post. Your explanation is so awesome regarding adding banner to the blog. I did not try it yet. Hope this would be more helpful to make my blog so elegant. Thank you for providing such as interesting blog.

This is a wonderful tutorial and helped me create a unique and personal header for my blog which has definitely improved its look (well I think so!) would love for you to check it out: http:bonjour-katie.blogspot.com

OK! I figured it out :) ANYONE WHOSE BANNER ENDED UP DARKER WHEN APPLIED TO BLOG: use the "transparent" tool in pic monkey. Your banner will have white and grey squares while you edit but they disappear when downloaded :)

I found this so helpful! Really pleased with how it turned out - still getting to grips with blogger but it has made such a huge difference to the appearance of my blog! Please take a look @ http://glass-in-the-park.blogspot.co.uk/Ashley

THANK YOU! I've spent way too much time trying to find a way of designing my own header, then trying to add it to my blog on so. This was really clear and easy - I'm really not technical so thank you so much for making such a great tutorial that works.

I was wondering if you knew how to add a picture to a blog banner? I've done it before but when I did it in lunapic or picmonkey, I adjusted my picture but it never fit into the spot for the picture like it should. The picture covered some of the banner....it should set back in it and mine sorta sat in front of it...if that makes sense. It supposed to sit there like it's in a frame and mine doesn't. I wasn't sure if you would be able to help me with this. Can you leave me a comment on my blog telling me how?

I have had problems with the size of my banner and clarity, this fixed it some what. Take a look.. I appreciate your help, its not exactly what I wanted for width but hey.... its better than the little sq I had..gambar payudara

I don't know why I have just discovered this blog but it has been super helpful! I'm from Portugal and I recently started a beauty blog. Even tho most of you may not understand what is written there, I would love if you could check it out and see if you like the header I made using this post's tips.

Comments are how we stay connected as bloggers. Let us know how you feel and we'll return the favor...stay calm and blog on!!! And guess what? You'll never find Word Verification on our blog...it gets kind of annoying when you can't read what WV wants you to verify right?

Who We Are:

Blog Top Sites

What Our Readers Are Saying:

The Blog Guidebook has TONS of great tutorials and resources available for bloggers who are looking to spice up their blogs! Seriously...if I haven't linked to anything you've found helpful yet...check THIS one out for sure!!