September 21, 2010

DIY: Simple Blog Photo Header Tutorial

I've had several people ask me about my current header on my blog. Yes, I made it myself, and while I normally use Photoshop for things like this, I actually did this one in Picnik because of computer problems at the time. This is really simple to do, so I thought I'd share for those of you who were wanting to know.

1. Go to www.picnik.com and create an account. It's free, and is a great site! I also use it to make a lot of my photo collages. There is a paid version that gives you more features, but I just use the free version and it meets my needs fine.
2. Click on the "collage" button.
3. There are several styles of collages to choose from. For a blog header, obviously you want a rectangular shaped one. I chose the 4 frame option.
4. Upload the photos you want to use in your header, and drag and drop them in the frames where you want them. You can also change the color of the frame by clicking on the color square on the left side of the page. Once you have it laid out the way you want, click "Done" at the top right.
5. Next, I wanted to add some text to my header to include my blog name. So click on the "text" button at the top of the page. Type what you want in the box, and choose from a variety of fonts to have it displayed in. You can also change the color by clicking on the right side of the page. I used 2 different fonts, and in order to do this you need to add 2 separate text boxes. Then just drag & drop where you want your text to appear.
6. When you have everything the way you want it, click on "save & share" at the top of the page.
 
 7. On the next page, name your file. Then adjust the size to fit your blog template. Generally speaking, if you adjust it to 94%, it should fit most standard blogger templates. If you know the dimensions of your blog you can type that instead. Then hit "save photo", and save it to your computer.  
8. After that, log in to your blogger account, click on "design", then click on "edit" in the header box.
9. Select "from your computer", then click "browse" and locate the file you previously saved to your computer. Also make sure to select the button that says "instead of title and description." Then click save, and then save again on your main blog design page, and you're good to go.

I hope this tutorial was useful to you; please let me know if you have any questions!



48 comments:

  1. Thank you so much for the tutorial! That will come in handy to many of us!

    ReplyDelete
  2. You are such a doll, and part wizard! I'm totally going to try this later ...

    ReplyDelete
  3. Thanks for the demo! I was really proud of myself after I did it!!! Love the tips for baby items as well! We wouldn't make it without the Gripe Water! Its great!

    ReplyDelete
  4. I love picnik...I use it all the time, but I haven't created a collage yet. Gotta try it, you just made it look so fun and easy :)

    Your header is very cute!

    ReplyDelete
  5. Thanks for the info! I love your header :)

    ReplyDelete
  6. You know how collage crazy I am! LOVE me some picnik!!

    ReplyDelete
  7. Ah!! I love this, you are brilliant! Your header is beautiful friend!

    ReplyDelete
  8. THANK YOU!!! I have been wanting to spice up my blog and you just inspired a blog makeover for me...stop on over to see my new look in the next few days :)
    asgoodasgould.blogspot.com

    ReplyDelete
  9. Sarah, you are the B.E.S.T!!!!!

    You do not know how many things I've messed around with trying to get something 'snazzy' like most ppl have!!

    hope to have something to show for following your awesome tutorial soon!!!!

    ReplyDelete
  10. This is awesome!!!! Love your blog header - so excited to try and design a new one for my blog too...thanks so much for sharing :)

    ReplyDelete
  11. AWESOME! Thanks!!

    By the way, your little family is SO adorable. :) <3

    ReplyDelete
  12. Thanks for sharing this tutorial! I will definitely be giving it a try.

    ReplyDelete
  13. OH MY GOODNESS! Thank you sooo much for sharing!

    just came across your blog today from KK's

    love it!

    ReplyDelete
  14. Thank you thank you.

    Great tutorial. I'm off to go replace my uber boring header.

    The Survival Mama

    ReplyDelete
  15. I did this last night..sooo EASY! Thanks so much for sharing! :)

    ReplyDelete
  16. I just used your tutorial to make my first blog banner. It was so easy to follow your steps - thank you! :)

    ReplyDelete
  17. Hi Sarah, I just came across your blog! I am very new at blogging, and this was VERY easy and helpful. I love my new header.
    PS: your son is adorable!

    ReplyDelete
  18. This tutorial is fabulous! When I load it to my blog the image is very blurry. Any suggestions?

    Thanks ahead! :)

    ReplyDelete
  19. Help! I've been trying this and I keep getting a fuzzy header. I've adjusted the size several times and none seem to work. What template do you use?

    ReplyDelete
  20. This is incredibly helpful! Off to make mine now!! Thanks!!!

    ReplyDelete
  21. I work in PS too but I've always wondered about Picnik. Really beautiful layout you have--although I think has has more to do with the gorgeous photos! But you've convinced me to give Picnik a try. Thanks for sharing this!

    ReplyDelete
  22. THANK YOU so so much - I had to go really slowly step by step, but I did it!! This is pretty 'big' for me, but your tute was fabulous - keep up the great blog!!

    ReplyDelete
  23. Thank you for creating such a great tutorial.

    ReplyDelete
  24. When I signed up for Picnik a new banner was one of the first things I made. I love the collage feature! It's great for blog posts and showing steps in making something.

    ReplyDelete
  25. Thank you very much! I've wanted a header for a long time and thanks to your tut now I have one!

    ReplyDelete
  26. Thank you! This was a fantastic tutorial! I used it to make a header for my blog (I'm new to blogging... come visit @ justfordaisy.blogspot.com) and now I'm hooked on Picnik!!
    Thanks Sarah, I'm enjoying reading your blog! Praise God for your beautiful boy!
    x Rebekah (Australia)
    ps. if you don't mind i'd like to do a post and link to your site/tutorial! :)

    ReplyDelete
  27. where did you download your scrapbook paper from? love your blog!

    jill

    ReplyDelete
  28. I just figured out how to do my own blog headers a couple months ago and LOVE it. here's my Q for you: how do you put a signature @ the bottom? :)
    (p.s. your story is AWESOME.....God is AWESOME! )
    <3

    ReplyDelete
  29. Thanks for the easy to use header tutorial!!!

    ReplyDelete
  30. Thank you for this tutorial! I was able to easily create my own header because you made this tutorial so user friendly. I appreciate it!

    ReplyDelete
  31. This is really a very useful post/ share/tutorial whatever it is.I'll try it right now.Thank you very much indeed.

    http://papis-style.blogspot.com/

    ReplyDelete
  32. I researched for hours... I just wanted something simple and couldn't figure out why this was so hard for people to explain to me! So many detailed instructions with terms I didn't understand. Thank you so much for your tutorial. I REALLY appreciate it, and I love my new header.

    ReplyDelete
  33. Yay! I finally have a personal header. I've been wanting one for the longest time and could never figure out how to do it. Thanks!!

    ReplyDelete
  34. Pleasant Post. This post helped me in my school assignment. Thanks Alot

    ReplyDelete
  35. i love the header you're using now...feel free to give a tutorial on that! :)

    ReplyDelete
  36. What a great idea, thanks so much for this tutorial! Can't wait to try out some new header designs!

    ReplyDelete
  37. Thank you so much for this amazingly helpful tutorial! I have been searching for something exactly like this for so long!

    ReplyDelete
  38. two hours of fighting with my computer and along came you...thank you thank you thank you 1000x over. ::muah::

    ReplyDelete
  39. Thank you for this! It was so easy to follow. Have used it on my blog and linked back to your awesome tutorial, am loving the new look!

    ReplyDelete
  40. Thanks so much for this tutorial! Love your blog and am now following! Hope you'll stop by!

    ReplyDelete
  41. I did it! Thanks so much! Of course, when you tweak one thing, you have to tweak another. I still have a lot to learn. I'd love it if you stopped over to check it out. http://creating-with-the-js.blogspot.com/
    Thanks again for sharing!

    ReplyDelete
  42. Thank you!! Sooo easy, don't know why I hadn't updated my blogheader in two years with how simple you made it, you rawk!

    ReplyDelete
  43. Thank you sooooo much!
    I have been wanting to do this forever and I am so thankful that you shared!
    I love your blog, have a great day!
    Michele

    ReplyDelete
  44. wow!! i think this is the easiest way of creating blog header!! definitely try this one now!! kisses!!
    http://fashionettista.blogspot.com.br/

    ReplyDelete

I love hearing from my readers and I appreciate every single comment left here! If you have a question, I will do my very best to answer it as soon as I can. If your email address is not linked to your blogger account (and if you're not sure, then it probably isn't) please leave it in your comment so that I can respond to you much quicker. Thanks for stopping by! :)

Related Posts Plugin for WordPress, Blogger...

Enter your email address:

Delivered by FeedBurner

 

Loading...

 



Life Sweet Life

Designed By:

Munchkin Land Designs
 
Designed by Munchkin Land Designs • Copyright 2013 • All Rights Reserved
Blogging tips