Monday, October 29, 2012

Narrow Blog Header with PicMonkey

Brenda of Cozy Inspiration wrote a good post on First Impressions. She recently moved her blog to Wordpress and her blogs looks terrific. 

I am using Blogger and wanted to make a less cluttered, more streamlined header in Blogger. I admit I am always totally in love with every header I've made (and that numbers into the hundreds) but ... the simple header does look very nice. 

PicMonkey headers/collages work in Wordpress as well.

Here is my previous header:


PicMonkey plus one edited photo and a fair bit of tweaking and I have a narrower less cluttered header.



How?




First - choose and edit your photo (small) I used iPhoto and picked small/small plus edited the picture as "vignette". Saved my picture into my Header Folder which I keep on my desktop.

Second - open PicMonkey, choose Create a Collage



Third - pick the collage FB Cover, resize its length to 1100 and the depth to 200 (you have flex on the width but not the length -see bottom of screen for pixel sizes). The borders are all drag bars and you can move them to the size you want. You will find that your shape sometimes 'clings' to the mouse so click to let go. Check TRANSPARENT (it is in the Art Pallet Icon) to ensure your background shows through your header. (this only works when you save as a .png)



Fourth - (the dash lines in the collage are grab/drag so move your picture area lines to less wide and your text area to the largest by dragging the lines)

Fifth - Click on Upload Your Photo and then drag/insert your photo (this is where you will tweak the photo area by dragging lines until your photo is the size you want in the collage)



Sixth - Choose P (that is the text box), choose your font, and then resize the font until it fits your header space. (you can change the font until you are pleased with the mix of font and picture). This is also where you can choose P again and make a new Font/line by resizing/picking colour for your description if you include it in this area. Remember to click on the Type Your Text Here to activate it.



Seventh - tweak until you like the look/color/size and SAVE (ie) DateHeader.Collage.png



Eighth - next, insert the header into your Blogger blog using Layout.

Sharing with:
Funky Junk Interiors
Cozy Little House
The Farmhouse Porch
Coastal Charm
Knick of Time
Stone Gable
Its Overflowing
Saving for Six


Thank you PicMonkey for writing such great easy to use (and constantly adding more features) editing/collage on line software)
All screen shots are my own content within the framework of PicMonkey.

8 comments:

  1. I may have to try my hand at this. Yours is beautiful!
    Brenda

    ReplyDelete
  2. this is awesome...I am still having trouble with my computer....I am thinking of moving to word press even thos its my computer!
    But I love your header!
    How are you doing? I was poking around your booth today!

    ReplyDelete
  3. Thanks Joy ... I need to change my header and will try this.
    Hugs, Audrey Z. http://audreyzumwalt.blogspot.com/
    Timeless Treasures

    ReplyDelete
  4. Great post, just found picmonkey last week. Such a fun site to experiment!

    ReplyDelete
  5. Any idea if this will work for an Etsy banner? I need all the help I can get. Thanks!

    ReplyDelete
  6. Thank you for linking up this helpful idea to Think Tank Thursday last week!! The party will be live tonight at 9:00pm est. at www.saving4six.com

    ReplyDelete
  7. Just wanted to say thanks for this great guide, really helped me out.

    ReplyDelete

Thanks for visiting. I read and appreciate all your comments. Joy

Recent Posts