So I'm pretty proud of myself. Do you see that shiny, happy banner up above?
I have wanted a banner with multiple pictures for a long time and I finally took the time to figure it out. I even wrote the steps down so I could share them with you! I'm sure there's a fancy way to do this in Photoshop but I don't have that program and I probably couldn't figure it out if I did. ;)
1. First, go to BigHugeLabs to make your photo mosaic.
2. Change the columns to 4 and the rows to 1 if you want a layout like mine. Leave all the other settings the way they are.
3. Scroll down to where you can enter the URL's of your pictures. I chose all of mine from Flickr.
4. Go to Flickr and click on the first individual picture you want in your banner. Copy and paste the entire link into the space provided on the BigHugeLabs site. Repeat for the 2nd and 3rd pictures.
5. If you want a blank space to write in like I did, leave the 4th URL space empty.
6. Click create and you are almost done with the first part of your banner!
7. Your banner will be shown and if you like it, click the save button above the picture and save it to your computer.
If you don't want any writing on your banner you could be finished now... if you are, resize your image on your computer, skip the Flickr steps, and pick up at step 12 to upload your banner to your blog.
8. Next, go to Flickr and upload your new banner to your Flickr account. Open the picture in Picnik {Flickr's photo editor}.
9. Add text... add a frame... etc.
10. Now it's time to resize your banner. Most blogger headers measure approximately 940 across {you might have to play with this a little}. In Picnik, click on Resize and change your first dimension to 940.
Important: make sure the keep proportions box is checked so that your images don't end up all stretched and weird. Save the image and you will automatically be directed back to Flickr.
11. Click view all sizes and choose the large image which is the original dimensions you saved when you resized the banner in Picnik. Save this image to your computer and we are almost done!
12. Log into Blogger and click design. Click edit in the box where your banner goes.
13. Remove the current image and choose browse your computer to open your new banner. Let it load into the box and click save. You will be taken back to the design page and from there you can go back to your blog and admire your work!
If you have any questions just let me know. I'm not very tech-savvy but I'll do my best to help. :)
51 comments:
Thanks for that! It looks great, I will try it soon!
Looks fantastic! Great job and thanks for the tutorial. I'm gonna have to try it!
Love your new banner and THANKS for the step by step instructions! I can never figure these sorts of things out on my own. Do you think the banner would work for an etsy banner??
cjnid AT imaxmail DOT net
Wow, you go girl! I still haven't been able to do a siggy...wanna make me one?!?! Since you're so good at it? =)
Love your new banner too! How are you feeling?
I like your new banner very much. Will keep your helpful tutorial in mind if I ever decide to change mine.
You are a good woman for sharing this. Thank you! I have been too lazy to bother figuring it out.
Now, your banner, so cute and a fun inspiration!
I just changed my header - thank you!!
I love your new banner and you are so smart to figure this techy stuff out and thanks a bunch for sharing it with a not so smart me!
Love the new banner!! Great job!
You are a mind reader Jennifer! I have recently been thinking a lot about this and sat down to work it out when I saw your blog post. Thanks so much. I have updated my blog header :)
Thanks for the how-to! I made mine in bighugelabs last time, but the resizing took me FOREVER to figure out in photoshop. This will make it easy. :)
Thank you! Thank you! Thank you!!! I have always wondered how people did that!
Love it! Aren't you clever!
thanks so much for this tutorial Jennifer - I'd love to have a banner but wasn't sure how to go about it - thanks again
Thank you, thank you, thank you....now I just need to decide which pictures to use.
Thank you so much for this tutorial. I always wanted to make a fancy blog banner but did never know how to... Thats so cool, I will make mine soon.
Thank you so much for that! Better go and try it out!
I am usually lost from the get-go with computer stuff, but I actually understood all of this :) Thanks Jennifer!
Many thanks for posting this. I would never be able to figure this out on my own.
Thanks a lot ! Me too, I will try it out :-)
Great Job! I've been thinking about adding something to mine...Thanks for the info on where to go to work on it!
Thank you! I'm going to have to do this to my blog when I get home tonight!
Thank you, thank you, thank you! I have wanted to do this for ages but have been unable to get it to work out for me. One of my issues was resizing. Now, thanks to your awesome tutorial I have the blog banner i've always wanted :-) Can you tell that i am one happy blogger!
That is awesome! And thanks for the directions too. :)
Girl, you are amazing! I've just done this and I love my new header!! Thanks so much!
Thanks so much! I just started my blog and was wondering how to do that!! I will be trying it!
super cool banner, Jennifer! I love that you pave the way for more techie knowledge for us. I'm so conflicted. I have wanted a picture-banner too, but Julia did such a cool job on my current one...Now that I think about it, that's how I get into so much trouble with quilting. Loving one project, but seeing something that I want to have/work on RIGHT NOW!!
Thank you for the tutorial! It was helpful and I am glad I was able to figure it out and change my blog banner!
Isn't it neat how there are ways to do this techie stuff that even us non-techies can figure out? Your banner looks great!
Thanks Jennifer -- just the impetus I needed to join the the fun.
awesome! I tried this for my blog just now and it worked wonderfully!
Thanks a million!! Randi posted a link to your blog and I was able to get my header just the way I want it :) I had more trouble with Piknik than with your instructions! I've got this saved for the next time I need it.
Thank you Jennifer!! I don't have any fancy programs either but have really wanted to create my own banner too!! You banner is just adorable!!
Your new banner looks bright and fresh. Thank you for sharing the "how to" so we can do it ourselves. Now all I have to do is find some banner worthy photos.
Thanks - this was awesome!! I really appreciate you sharing this!
Thanks so much! I just changed my banner and had a fun time rather than a frustrating time doing it, all thanks to your tutorial.
Your header looks great! Thanks for the tutorial, I am going to try this later on.
Im so glad you took the time to share this. I love how it looks, and you explained it well enough that even I think I can attempt it. That's saying a lot! :-) The extent of my computer savvy is knowing how to type on a keyboard. Ha!
thanks so much for posting this! i have been wanting to change my header for awhile, but didn't know how to make it look good.
THank you so so much! I'd been struggling with the banner thing (even after going to youtube) and am ever so glad to have one now. Your directions were so easy to follow.
Totally amazing! It made my blog look totally different. Thanks so much for the tutorial! It looks almost professional now!
I know I just commented on this but I wanted to let you know I thanked you on my blog and linked back to here. Here's a link to it if you're interested!
http://tildastwistedlife.blogspot.com/2011/08/red-white-and-brand-new-blog-header.html
Very helpful. I just did one for my blog. Much better than what I had before. Thanks!
Wow It Managing your blogs commercial is a daydream for abounding blogger's. Unless they accept an automatic software they accept to aboriginal accept to let advertisers aggressive of the prizing. This can be done via a committed page for commercial prizes but again you accept to absolute the advertisers there first.
psd to magento
Hi! I finally got around to doing this. Do I need a pro Flickr account in order to download the finished mosaic photo to my computer to use on Blogger? I've gotten this far! :) thanks so much for the great tutorial!
Hi Jennifer - I figured it out! Thanks so much and here's the link if you want to check it out!
http://www.bordeauxbound.com/
Very clear instructions, great tutorial. Thanks for posting!
Thanks for posting this tutorial! I changed by blog header and it looks soooo much better. Thanks so much!
Hi Jennifer,
I just springcleaned my blog and added a new header thanks to your tutorial.
What are we going to do on April 20th, when Picnik is gone?
I'm very happy now!!
Thank you so very much for giving us this banner tutorial. I don't know what Picnic is however. Can you tell me where to find it? Thanks again!!
I just used this tutorial to do a blog header - thanks so much!
Post a Comment