Blogging Actually / DIY & Tutorials / Motherhood/Life

DIY Monday: How To… 5 Easy Steps To Make Your Own Blog Header! Give It A Go!

DIY take two!

I might have repelled most of you  let alone gave you unnecessary headache, because of the DIY post I published at three o’clock this morning. For that, I sincerely apologise. I might have gotten carried away for making it so overly beginners-friendly like post and have
covered even the minute detail of things you might have already known about blog-header making. So after much deliberation, I decided to revise it and make it shorter, ok? 

(If you want to check out the longer version – has more step by step guide in it, please feel free to do so – here.)

*********

So you want to customize your header, without having to deal with any layering and other mind boggling graphic and designs whatchamacallit?  This might be the answer for you.

Note: Click images or screenshots for better viewing.

Here’s what you ned:

  • Make sure you have your WP or blog site exact header size measurements. ie, Fresh & Clean Theme – 920 width, 116 height.
  • Any images you might want to add, icons, clip arts – put them in one folder or one place so it’s easier for you to find them once you’re ready to start. I like to be prepared.
  • Patience and lots of determination!

You can do it!

  1. Go to Collage– and set the following: Spacing, Roundness, Proportions to 0 and click Finished.
  2. Next – go to Adjustment  — Resize
    By clicking the Keep Proportions bar, this would let you to manually enter the desired Width and Height of your banner, so when you upload the banner on WP or your blog, no need to deal with cropping or stretched images.
    To make the header canvas screen brighter, click Adjustment  — Autofix then Apply. Now you have you exact header image size in white background. Easy, don’t you think?So let’s ignite that creativity you have inside, shall we?
  3. Pick a font style to use for any texts ie your blog name, tag lines, etc.
    To do so, click Text and you’ll get a selection of different font styles. Dotted, Grunge, Handwritten, Novelty, Retro, Sans, Serif.  My favourites are Handwritten, Retro and Novelty. Adjust the size of the text, reposition it, or set your desired font color from the Color picker – you’re the boss. Make sure you click Apply to save that action.


  4. Want to add more? For images, clip-arts, icons, go to Adjustment — Add Image.
    You can also adjust the Opacity of this image, clip-art, icon. Or you can apply different effects using the available features here. Explore! You’ll be surprised what you end up learning.If you want to add borders, lighting effects or more, check out Effect, Overlay and Border features. You have many to choose from, so try them! Take your time, be creative.
  5. And the result is….

Now that you’ve made your first DIY header, don’t forget to Save.  Set the Quality to 100 % to get a better outcome!

IMPORTANT: You are able to undo your last action by clicking Undo. However, if you want to delete any actions before the last one – any of the ‘before’ actions will be lost. For example, you want to change your Font style – but this is what you did – Font – Clip-art- Pattern (Pattern being the last action). Pattern and Clip-art will be discarded at this point.

Best thing to do is Save this banner and label ex. sweetjellybeanbanner1, so at least you have that layout or design saved.

Do NOT click or close the application once you’ve saved – ex. sweetjellybeanbanner1,  since you won’t be able to UNDO any actions then. 

No clip arts or images you can use? Check out the Sticker feature — Pixlr’s pre-loaded
clip arts. Or go to mycutegraphics.com for a vast selection of many things cute!

So what do you think? Go on, try it! You might like it. Make sure to let us know how you get on, and if you manage to make your first masterpiece from there, share it here or link back to this post . I’d love to see your work. 🙂

Done with your blog banner? Why not try your very own blog button? And spread the button love. Check my recent post here. 

*********


Here’s some of the headers or banners I’ve done before. I love to play around with this site and utilize all the features as much as possible. What do you think?

This was the first group banner I made for WFBC on Facebook. Check out the new one here and our group button.

Used Feature: Border, Pattern then  Starflower

Latest: used Haute Frugalista’s images (with her approval of course for the purpose of this post)
Used Feature: Effect — Creative — Artfunkle

**UPDATE**

Just want to say thank you for all the blog lovin’ and appreciation you’ve given me in the last 24 hours. I sincerely and utterly appreciate all of them. And thank you for those lovely bloggers who have shared their wonderful banners with me after following this little tutorial. Guys, it feels great! 

 

Photo Credits: Google Images, Mycutegraphics.com, Haute Frugalista’s site.

346 thoughts on “DIY Monday: How To… 5 Easy Steps To Make Your Own Blog Header! Give It A Go!

    • Hi Mikalee! I wish I was blogging two years ago – can’t believe it didn’t even occur to me. We could have shared ideas and avoided the ripping our hair out bit! Took me ages to realize blog-header making was this easy. Do share any tips you’ve accumulated in the past few years about blogging! 😉

      Have a great day!

  1. Neat! I really want to personalize mine some day, but I’m still just starting out. I’ll keep this post handy though. Thanks for the tips!

    PS – I like your current banner the best! 🙂

    • Hi! Thank you very much for dropping by! I’ve only just started blogging 3 months ago so I think I am also fairly new. It’s really quite easy especially once you get passed your first ever banner. So rewarding!

      PS Thank you!

  2. This is what I’ve been looking for! When I get back from vacation, I will totally practice making my own header. (But I will need to click on the super beginner’s version.) 😀

    • Hi Jess! This site is definitely worth a visit. You can do many things not only blog headers so make sure to explore! Oh, that’s good I kept the longer version :-). There are other tips in there too. Enjoy your vacation!

  3. Now I find this!!! (LOL) I struggled all day yesterday trying to make my blog header just a little more business focussed instead of the lovely piece(s) of art that my husband, Nazim Artist painted (he is an artist after all)! Let me know what you think because we’d love you to come see what we are up to at my CelestialMusingsBlog.com as we have combined Nazim’s contemporary art work with my holistic healing paradigm which we call the Art of Wellness Collection. Nazim and I cordially invite you to stop by with perhaps a cup of tea and have a cyber visit with us, too! http://celestialmusingsblog.com/about/

    • Believe me I had the same reaction after I came across Pixlr after I’ve been doing my blog header via Pages on my Mac only and was getting nowhere with it. :-D. And thank you very much for inviting me to your site. I will be dropping by very soon. 🙂

    • Thank you! I’m glad you think so. I’ve only come across Pixlr not long ago but I wished I’ve known of this site sooner. 🙂 Definitely a great tool for cover image.

        • Oh, I’ve never heard of PicMonkey, will be checking that out. 🙂 As I’ve read on Pixlr site from other users, apparently it has its issues too, but so far, the only thing I’ve encountered is when some of the fonts don’t load up right away but it doesn’t take minutes for it to come back. That’s what I’ve experienced so far.

            • I’ve not explore all Pixlr other usage yet, just the Express. Thanks for the info about PicMonkey,Im sure Ill find some good use for this with whatever I do here with my blog.:-)

  4. Hi Aj’s mom, first at 3am the fact you are blogging should either be congratulated, or our condolences on the lack of sleep. Thanks for the diy info, now to just round everything up.

    • Hi Keith! Thanks for this lovely comment. It was one of those nights or mornings I should say that my little boy just didn’t want to know about bedtime – and by the time he was fast asleep, my sleepiness was gone! So what a Mom could do but blog at 3 am. Still, I’m glad I did. Thanks for dropping by. 🙂 Have a great week!

    • I’m glad you think so! Before I found Pixlr, I was fiddling with Pages on my Mac and doing my headers via there – it was a nightmare! Do link back or share your next blog header from Pixlr!

  5. Hi. I would LOVE to make a header from that site, Just one question: How do I figure out my header size measurements? My blog theme is Mystique, and if u need more info, then go to creativemoi.wordpress.com
    Thnx!

    • Hi Devin! You’re absolutely right. This site is just right for me who doesn’t know anything about graphics & design stuff. I am just very glad that I am able to share this with others. 🙂

    • Hi! If you go back to where you got your header size, you will the option to upload your own image, that’s where you can install your DIY header. 🙂 Hope that helps.

  6. Awesome ……guess what it is so useful and interesting ……i already changed my banner check out tell me if it is good ? any alteration? 🙂 love you lot ….always hand holding me in making my blog better

    • Thanks for the great comment! Don’t know about the surgery though. ha ha. This was my first how to post so I was kinda cautious, let alone nervous. Can you imagine me blogging surgery? 😀

  7. Wow! How cool is this?! I’ve been wanting to put a unique, creative header on my blog, but I had absolutely no idea how. I’ll be coming back to this post to see if I can apply your tips. This may take me a little while, but a least I have a direction to move in! Thanks so much!!

    • You know, I thought of the same thing when I figured how to use the Collage feature for blog-header making, since it was actually quite simple. Be sure to give this ago, you’ll be surprise how quick you’ll get used to everything on this site. And do share. 🙂

      -You’re more than welcome-

  8. Thanks for the help. I’d been goofing around trying to make a header/logo with no success. Now I have a new tool to play with.

  9. Oh, bless you. I desperately needed something for my blog – a simple unique header is all I ask – and your post was incredibly helpful. Thanks so much!

    • Thank you too! I’m glad I’m able to share this and being Freshly Pressed definitely helped me reach out other fellow beginner bloggers when it comes to techy stuff. 🙂

  10. I’ve been trying to figure out how to do this myself! I’m really technologically challenged when it comes to artsy things, but thank you so much for posting such a great tutorial. I can’t wait to try making my own header sometime!

    • Hi!You’re welcome! I am so pleased I’m able to share this little discovery I had with Pixlr, since I myself is no doubt technologically challenged as well! And being Freshly Pressed definitely helped spread the word for this little tutorial. Do share your header or banner here or link back! 😉

  11. I’ve used piclr express for editing and have been making my blog header using another website and I never thought of this !! Will try it out. Thanks!

    • Hi there fellow Mom. I just checked your site, and wow!!! the banner looks so cool and cute ^_^. I still have to play around with the different patters and you’ve definitely utilized this a lot with your banner. I might make a quick post featuring different banners that are made due to this post, so would be cool if I could use yours for that post, if that’s ok? I’ll make sure to link back to your site. 🙂

    • And now you found this! 🙂 Glad I am able to share a little. And thank you very much. It’s an overwhelming experience – like I’m high on caffeine or something! ha ha

      (Share your work here or link back. Would love to see your header/s.;-) )

  12. It won’t work to my browser. And I’m using Safari. Is there anything I could help with this settings? And this article of yours is very interesting and very helpful.

    • Hi JP! hmmm… I’m using Safari too. Can you tell me more about what issues you’re exactly having? You can’t open the site or Collage? Would love to help you further – but need more info. 🙂

    • What’s your theme? Meaning what’s your topic or topics you’re going for? Or perhaps your blog site title. This would help you give ideas on whether you want a nice & neat header, simple, fun etc. Hope that helps.

  13. Pingback: New Look! « Chestnut hill Studio

    • Hi Melissa! You’re welcome. I can definitely say that it’s very user-friendly especially for beginners like us. Best thing to do is really explore and try the different features available. So if you have more free time and want some blog headers, then go ahead and camp out at Pixlr. 🙂

      I wanted to use the theme you’re using due to the type of layout it had but I think it’s very limited to what you can put on your background. For fitness, this definitely can work though. You need to brighten up a little bit the background perhaps and then bring some more colors to your header. 🙂 That’s just my opinion.

      P.S. He’s my little angel.

  14. Great idea to post this. I make my banners using Picasa’s collage tool in much the same way. Figured it out through trial-and-error! I’m sure your instructions will come in handy to many, many bloggers. Thanks for sharing. 🙂 BTW, I love your blog!

    • Hi there! Thanks for sharing this. I know about Picasa but didn’t know you could do blog headers there too! Can’t believe didn’t think of that. Now I have another site to fiddle with. Thank you!

      And more thanks for loving my blog. 🙂

    • Hello Lauren! I am so glad to hear this. This is exactly what I wanted from the beginning for my little blog too. I wanted to give it that ‘personal touch’ and the feel of being ‘homey’.

  15. I just started blogging and this looks really great 🙂 It looks like fun to do too. Thanks for sharing this…I feel like this is gonna save me a lot of time!

    • I’m glad you think so. I do hope it can save you the time. And do link back or share your many creations at Pixlr. 🙂 And welcome to blogsphere!

  16. Very helpful. This is my first day on WordPress, I’m learning the ropes…and this served as a great “how to.” Thanks so much!

  17. Thank you for doing this. I would always wonder how some bloggers decorated their sites. I have absolutely no experience in any of that artsy stuff, so I’m excited about my new banner. 🙂

    • Hey there. Not a problem, just glad I could share this. You know I also thought of the same thing, and still do, on how others could make their site so pretty and cool.

  18. Thank you for this post. It will save me a lot of time making featured image headers when compared to my hit-or-miss, trial-and-error efforts to date.
    Allan

    • Hi Allan, I’m glad this post is able to do this for you. I always find easier ways such as this as it just save my brain from exploding! Don’t worry before I cracked the code on how to fully utilize this site, I’ve had many hit and miss comments too!

    • Glad you’re able to make one using my tutorial. Just checked your site. 🙂 You can always make more headers and set your Header as Random Image, that way every click or so you’ll banner will change differently. That might please and you won’t get bored with just one banner. 🙂

  19. thanks so much for this post, i hadn’t even thought i’d be able to make my own header until i read this. i’m completely new to this & this post has lifted a weight of my shoulders! 🙂

    • You’re welcome. Glad I could share and help a little towards my fellow blogger beginners like me. 🙂 Love the font you used for your banner. I always wanted to try that out before but never worked with my site or name. But works very well for yours.

      • Great news. I’ve just made one, with success. Please have a look and let me know what you think. To be honest, your instructions didn’t tell use WHEN to upload the picture……..I’ve played with it, and I hope you like my simple design.

        • Hi Janet! Glad you’re able to make one over there. Your header looks good. And the font style you used suits your site name too. So it’s great. Simple is cool. Yes, you’re right, I didn’t include the When to upload your image bit since it’s really up to you when to do as of when it suits your work best. I didn’t want to add confusion and also I thought this way you have more exploration to do. Not to mention practice:-) but Im glad you’re able to work your way round there. But your comment will be noted for future tutorial. 😉

          P.S. You might know this already but there’s a theme and I think it’s called Notebook, it’s actually quite good, you might like that for your site. Just sharing.

          • I think your idea is good, but perhaps you could try make some of your instructions clearer — things that are clearer to you may not be clear to others. But anyway, it’s good enough for me. Thanks and I’ll practise more again.

            • Thanks for this constructive comment. I’m hoping that after my first how to post I can learn from this too from my readers point of view. Yes, definitely. Practicing works wonders.

      • I couldn’t find ‘Notebook’ theme that you mentioned. Which one were you thinking of? I really would like to try a new theme. The current one is very restrictive. Thanks for your view.

        • I’ll look for you in a sec, I thought it was called Notebook then since the sort of background had that effect. I’m no expert on this but I will try to help a little. What sort of things you want to do with your site, that would give us an idea of what theme would be best for me, regardless of background since you can just change that later. 🙂

          • If I changed to Choco, I won’t have a Header. I’ve just tried. I couldn’t find a Header there. I like Choco though. I’ll stay with the current one for the time being. Too many choices. Thanks.

            • Hmm. Yeah, that’s the only thing. I know, too many choices, you’ll get confused. Well, as long as you’re happy blogging there right now, then that’s what matters in the end.

        • Aw that’s so comforting to hear.I was worried that perhaps I said too much or was unclear in many aspects – I had few comments that said so – but still it’s great to hear that you and other guys managed to follow it through fine. By the way, I am thinking of doing a round-up post of my fellow bloggers who made their first header with this tutorial, and I’m thinking if it would be ok for you if I featured your blog header in this post – would obviously link back. Thank you!

          • I think you did a great job at explaining the how to part. It worked for me, sometimes I think people are too fast and don’t take the time to actually read what is written, they try and fail. You did great!

            I would to be featured on your blog, as a follow up post! Thank you kindly. I think it’s a wonderful idea for a follow up post. I mean this is why we are all here right, to learn things from others? Well, it’s why I’m here!

            Looking forward to more from you.

            • Great to hear this Jennifer. I’m just gathering others or messaging others too so I could feature them. I thought this was the least I could do as a form of thank you, you know. 🙂

  20. Thanks for sharing! I was struggling but I’ll be giving this a go soon, but how would I know the exact dimensions of my theme’s header? I try to average first.

    • You’re very welcome! Karen, you’re banner looks amazing!
      I’ll be doing a round up post of fellow bloggers first banner via this tutorial, and I was wondering if you would mind if I include your banner in this post as a reference, would obviously link it back to you so others can visit your blog.:-) let me know?

      • Absolutely and thanks so much. I’d been wondering for a long time how to do stuff like this – I’m not exactly tech-savvy…so your post was just what I needed – a step-by-step, hold-me-by-the-hand guide. I really appreciate it and yes, by all means, use my banner.

  21. AJ’s Mom! Freshly Pressed!! WOOOT!!!!!! I am SO excited right now! And darn, if I had realized this last night, you would have soooo been bragged about in today’s post.

    Well deserved, my wonderful blog buddy 🙂

    • Hiya Jules! Thank you for the WOOOT!!. :-D. How did you find out? This was such a big surprise! At one point I thought WP peeps, made a mistake. ha ha.

      Aww.. blog buddy. I feel so honoured. You can also call me your underling. ha ha

      • LOL I think we’re all YOUR underlings now! 😉

        I try to check the Freshly Pressed page (the WordPress home page) regularly to read new blogs, and even more fun, to and see if any of my buds are up there. YOU ROCK!

        • I do that too. You and B-man more or less live on that page to be honest. 😉 You could never be my underling, I’ve learned many things from you. In fact, whenever I visit your page or B-man’s page, I feel like a kid looking for sweets. ha ha.

  22. Pingback: Calling all DIY bloggers… this post is for you. « Sweetjellybean.com/a different kind of bean.

  23. So kind of you to share this info! I have been wanting to do this for a while, but didn’t really know where to start. Your directions were easy to follow, so I jumped right in. I came up with a simple design using some pics I drew by hand in microsoft paint. Thanks again!

    • Hi! I’m glad you were able to find the tutorial easy. I was a little worried since this was my first ever ‘how to’ post and like you, I wasn’t sure also where to start – but here we are. Glad you found it helpful. Will be visiting your blog.

      P.S. Would you be interested to be included in my post featuring all blog headers generated from my tutorial? Check my post called Calling all DIY bloggers. Thanks!

  24. Pingback: In Defense of LIKE « Deliberate Donkey

  25. Pingback: The Workings of Waltz | …Then Came Dance

    • Hi there! I’m very flattered hearing this. Thanks for taking the time to drop by. I just checked your banner too. I love it. It suits perfectly with the whole look of your site.

      P.S. I’m rounding up the DIY bloggers who made their banners out of the tutorial I made and would love to include yours to be featured in my next post. Would you be interested?

        • Great! I love your banner and if you’re happy for me to feature it here, then I would love to, otherwise you’re more than welcome to create another one you feel you would like to be featured, just make sure it’s the one you’ll have on your blog. so when people click your banner on my post, they’ll be redirected to your site anyway. Either way I don’t mind. Im just glad you’re willing to join!

          Thanks:-)

  26. Omg. Thank you.Thank you. Thank you so much for writing this tutorial. I’ve been beauty blogging for a year now and hated my old header with a passion. I got it from a free website. It was so ugly. I’ve wanted to create my own for months now and thanks to you I have a beautiful header that my beauty blog deserves 🙂 I’m really so excited and happy. I don’t think I can thank you enough. You saved me from a lot of wrinkles.haha. No more stress induced wrinkles. I wanted to change it so much I even contemplated to pay a designer to design my blog header now I don’t have too. Head on over my blog to see the change you helped me to achieve. Have a great day and I hope you’ll continue to help other blogger out there. 🙂 God Bless.

    ps I saved this post as one of my favorite post/site. 🙂

    • Hi Diane! This is one of the sweetest comments I’ve ever received! I feel so flattered. I am so glad you were able to find this tutorial. (How did you find it actually?) I, too, was in the same situation as you few months ago where I tried to customize my banner but just couldn’t find the right editing tool or site for it. It was a nightmare! And I think I earned wrinkles from it. LOL. I’ll be checking out your site.

      I am so glad I could help another fellow blogger – and yes, I do plan to carry on with simple tutorials to make blogging even fun. So, stayed tuned, ok?

      God Bless You too. 🙂

  27. Thanks for sharing such a great tip and liking my post. I’m so glad I got this chance to visit yours. It’s a great discovery. Expect me to drop by often. 🙂

  28. I wolud like to fully thank you for post this “how to do”, This is my first “art digital piece” and it was so esay with your directions, THANKS, THANKS AND THANKS!!!!!!

    • Aw, thank you very much for taking the time to drop by and tell me this. It’s so great to hear. I am very pleased you were able to make your first art digital piece with my tutorial.

      Very glad to be able to help. 🙂

  29. Pingback: Get your DIY blog banners and wave…to this awesome bloggers! « Sweetjellybean/Blogging, with Love.

  30. Pingback: Calling all DIY bloggers… this post is for you. « Sweetjellybean/Blogging, with Love.

  31. Pingback: C.A. has been upgraded! |

  32. Pingback: Freshly Pressed’s Best Of July 2012 — Blog — WordPress.com

  33. Pingback: Marketing » Freshly Pressed’s Best Of July 2012

  34. Pingback: Freshly Pressed’s Best Of July 2012 | CMS News Today

  35. Pingback: Freshly Pressed’s Best Of July 2012 | Exotic Motors

  36. Pingback: Freshly Pressed’s Best Of July 2012 « kampusgist.com

  37. Pingback: DIY Friday: From a button’s point of view… and how to… « Sweetjellybean/Blogging, with Love.

    • Cindy, hello! It is easy! You’ll be surprised how this site makes things easy. Just play around first and get to know all the features as you would sooner or later, get some ideas of how you want your header to look like. Make lots of headers! And share it here. 😉

    • Hi there Geoff! I hope this tutorial would prove helpful for your blog. If there’s anything I can help with ,do let me know, more than happy to help a little. 😉 Good luck!

  38. Fantastic tutorials! Ill definitely do what you did when I make mine 😀 thanks for all the awesome advice and congrats on getting to one of the wordpress blogs posts 🙂

    • Hey! Thank you very much. It would be cool if you could share your creation and if you like I can include you in one of the featured posts for DIY bloggers once you’ve done your banner. 😉 Yes, it’s been a blast being Freshly Pressed, still can’t believe it though. 🙂

      • Wow thanks 😀 and fantastic that you’ve got so many comments and views 😀 lots of people visiting 😀 and yeah it would be awesome to make one, but currently I don’t think my blog really needs one, the text logo on my blog looks okay at the moment, when I make one i’ll tell you 🙂 but thanks for the feature post for DIY bloggers 🙂

        • No problem. I like the look of your site already. It fits the whole anime feel. Oh, I watch Bleach.. at one point I would do a marathon. So it’s cool to see all these characters on your site. I know, I know. I’m a Mom, but hey, young at heart still. By any chance you have One Piece too?

    • Excellent! 3 is good! The more, the merrier! I love to make lots of headers and if I want them all to show up on my blog, I set them as Random Images since there’s a feature like that on Header. Try it. Will visit your blog 😉

    • You’re very welcome. I am very pleased that this tutorial able to help you a little. I wasn’t ready to pay extra myself, too, so to be able to customize my blog, I went out and searched for any editing site that was user-friendly, since I am really not techy and luckily came across this site. I am overwhelmed that I am able to help fellow bloggers in the same position as myself. Thank you!! Will visit your blog 😉

  39. Pingback: Freshly Pressed’s Best Of July 2012 | Jobbr it

  40. Well, I tried it, and had a lot of fun in the process. Thanks a bundle for sharing. I’ve only been blogging since March, so there is a whole blogosphere I have to discover!! Here’s the link to the blog I tried it on (I go overboard on things when I do them…ended up with 3 – count ’em! – blogs)
    http://remissionary.wordpress.coom

    • hey there! I am so glad you tried. You and I are the same, I’ve only just started, too, round about the same month as you. So definitely, so many things to learn. Wish I had more time actually. I love to do lots of banners myself, who said you can only have one? In fact, I’ve set mine into random images so I could put every banner I wanted to show up. 😉 Try it too. Checking out your blog.

  41. I’m having a ball with this! I just did another banner using Photoshop Elements to combine some of my pictures, using ideas I got from your tutorial here. Thank you again for your wonderful blog!!

  42. Pingback: How to create a custom header | Patty's Pet Care

  43. Thank you! It’s people like you that give the internet a good name!
    I have applied all your steps but cannot get one of them to work: I cannot change the font color from white no matter how much I slide that bar; not can I change text size. Can you help?

    • Thank you John! That’s a very kind comment from you.
      Hmm.. that’s very strange. Can I ask what font style are you using? Any Pattern or Effect you’ve applied?
      (P.S. and not to sound cheesy, but it’s people like you that motivates people like me, a thank you means more than just a thank you to me. 🙂 )

      • Read my blog ‘The internet will save the world’ – it’s about people like you. http://www.johnmountford.com
        I tried all the fonts and some were white only while others the slider could only get them to change to light grey despite it being up in the 100% area. No fonts would chage to a color – when I selected color and moved the slider the color box stayed white. Soory to hassle again!

        • Oh, I’m sorry to hear that you’re having these issues John. Is the Transparency picker next to the Color slider on full too? Because sometimes if this is right down, then this could be what’s causing the issue. Did you say that you’re also having issues with resizing the text? Will go over your site to read this, thanks for sharing. 🙂

          • Thanks for your prompt feedback. I’ll keep trying to solve it and give you the results – perhaps it can help others who are having the same problem. Do you ever sleep?

          • Hi AJ’s Mom,
            I see someone else was having the same problem as me in not being able to get the color of the text to change – it stayed white or grey no matter how much I worked the sliders.
            I found the solution after many hours and, as usual, it was a simple one:
            If you look at the color box next to the slider there is a small circle in the top left corner – that has to be dragged onto the color box to make it effective.
            I hope this saves someone the time I have wasted.
            John.

            • John, thank you very much for sharing this information. I’ve been trying to figure it out myself. I’m so sorry if I wasn’t able to help and it has taken your time to sort this out. I will include your comment on this in the post that I’ve just made and on the DIY tutorial too. Once again, I really appreciate the information.

                    • Thank you! To be honest, it’s still one scary blog world for me and every day I am learning a thing or two about it, especially from excellent writers like you. I am always in awe when I come across bloggers/writers with exceptional writing skills and then I would think of myself.. 😦 I definitely still have a looong way to go.

                    • Thank you for the compliment! Please let me know if ever I can contribute to the bean team in any way. By the way, I have finished my header using your DIY tutorial. I am very proud of the result, particularly as the graphics/techno side of blogging is definitely not my strong point. Check it out at http://www.johnmountford.com. Perhaps we could have a bean team header competition amongst all those who have used your tutorial. The prixe could be a jar of jelly bean love from you. Thank you once again for putting it out there – it shows, you never know what will grow when you plant a seed. John.

                    • John, your blog header is definitely something to be proud of! I love it. You’ve captured what you wrote on every image you used to represent them. Very inspiring. And thanks for this wonderful competition idea. I’ve been cooking up a few giveaway ideas in my head and thought of this one, too, but I just wasn’t sure if people would be up for it. Would it mean they would need to make a new header? Or keep the header they’ve got and use that? Oh yes, a jelly bean jar definitely is a good price.:-) You’re helping a lot right now plus your writing helps me learn new things and words too. So thank you.

  44. This was a great tip! I made a couple of them but when I went to install them from header on my dashboard I picked Choose file, takes me to my Documents which is where the custom header is filed, I choose it then Upload it and it takes me to a page that says ” sorry, this file type is not permitted for security reasons” any idea what that means? Thanks

  45. Thank you for the tutorial. I appreciate you taking the time to put it together. I will be using the info soon for my blog I am trying to set up. Keep up the good work AJ’s Mom. Oh, I heard about you on the wordpress blog.

    • Hi Maritza, thanks for dropping by my blog and for your lovely comment. I enjoyed putting this together and I’m so pleased it has helped fellow bloggers out there. Good luck with banner-making. If there’s anything I can help with, just message me. 😉

  46. Pingback: Freshly Pressed’s Best Of July 2012 | GamePunter.com

  47. Amazing!!! Thank you so much for sharing this info, I loved this online image editor. I was using fotoflexer but this one seems to have more goodies!! 🙂 Thanks again!

    • Hi Jessica! I am glad you’re able to find the site useful. Yes, indeed, Pixlr has more goodies. 🙂 Still, I am going to check out fotoflexer, see what I can find.
      And you’re more than welcome.

  48. Great blog and very inspiring. I have struggled in the past with Paint.NET but your pixlr.com seems to be much better. I will definitely give it a try. Thank you so much for such a helpful instruction mini-manual!

    • Hi there Kieran! Thank you for your wonderful comment. Just like you, I’ve also tried many editing sites before I came across Pixlr, and by far this is the most user-friendly with lots to offer. Please, do give it a try and let me know what you think, if you can. 🙂 Thank you for visiting my blog.

      • Hi AJ’s Mom, I’ve taken a quick look at pixlr.com and it looks pretty good. I’ll try it out properly in a little while and let you know how i get on. Bye for now.

        • Kieran, that’s fantastic. I’m glad your first impression of pixlr.com is good, that’s definitely a good start. Any issues, you know where to find me. 🙂 Good luck.

    • Hi there! Thanks for letting me know. I’ve just been using Pixlr now for my next post and everything seems to be fine from my end. Although, one blogger had the same problem like few days ago. I am not sure what’s causing this, but if you could refresh or close down the application and restart it, and see if that helps. Obviously if you have any work done already, please save your work. Let me know how you get on.

      • I think it had to do with the computer that I was using at the time. But your post has motivated me make a better header for my blog. I did what I kept putting off for another day. Thanks : )

        • Hi there! Thanks for dropping by again. I had a quick fix solution to this issue as one of the bloggers experienced the same and he found out the problem. So you would see it in this post. But I’m glad that I’ve motivated you somehow. That’s very good to know.

  49. I was just thinking about getting new header, but I’m still not sure.. Thanks for the tutorial, it is amazing and very helpful! I’ll give it a try asap and see how will it turn out. I love to play with new things 🙂

    • Hi there Mel! Thanks for dropping by from the other side of blogsphere. So cool to see you here. Yes, do give it a try and if you can, give me a nudge so I can check this out. 😉 In fact, I would want to feature your banner in one of my posts. 🙂

      • Yeah, so the site doesn’t let me save without the page going on a permahang. So I just took a screenshot of it. I reckon it’s around 50-70% quality. XD I might try again sometime but I’m cool with what I’ve done currently. Thanks again! :3

        • Oh no, that’s not good. I did have that issue before, which was odd and I was thinking, what so many people are using Pixlr right? It’s good you took a screenshot though. It sucks when editing sites don’t work properly when we really need them. At times I’ve lost my whole work because my Mac decided he wanted to refresh everything. 😦

  50. Pingback: The Bean is back… and she would like you to catch up with her :-) « Sweetjellybean – Fun & Sweetly Inspired…

  51. Pingback: Freshly Pressed’s Best Of July 2012 | Electrician Richardson

  52. Thank You SO much for this!! 😀 I have been fed up of not being able to create the header I wanted so I would switch themes and all the other crazy stuff! Looks like I can get a better theme now that I can customize it better!

    Thanks again and I look forward to having a play around in the morning!! ❤

    • Hi! Glad you were able to find this post. Yes, I was the same before, too. I kept switching themes to find a nicer font for my header, luckily found this site in the end. Good luck with it and do drop by and share your header. 🙂

  53. Pingback: DIY MONDAY: HOW TO… 5 EASY STEPS TO MAKE YOUR OWN BLOG HEADER! GIVE IT A GO! | Maker Spaces | Scoop.it

  54. Pingback: SWITCHING THEMES (without Custom Design): JUST THE BASICS YOU MIGHT WANT TO KNOW. | Sweetjellybean.com

  55. I like your ideas for creating headers and I hope to try it because I have been dissatisfied with my basic theme. However, may I make one observation about one of the WP settings on your blog? The continuous feed feature (whatever it is called) on the post makes it hard to know that I am at the bottom of the comments so I can add my own – it just keeps going on and on and on… Is this common to all themes, or just this one, and if it is common is there a way to manage it? Admittedly, I don’t find many blogs with over 300 comments on a post…

    • Hello! Thanks for stopping by and taking a moment to share your thoughts, I really appreciate it. I’ve just altered my WP settings on the comments section so it’s now being broken down into pages – I apologize for not noticing this sooner, but now I can only imagine how my readers who came across this post, must have been frustrated when scrolling down and down and down. :-s The comments section can be altered as I just did, but it never occurred to me before that it would be like an infinity scroll. So, thank you very much for pointing this out. I’m still learning the basics of this theme as well as settings, as well.

      As for the headers, yes, feel free to try it. Others have improvised a little, adding images here and there. You can see what others made here, too http://sweetjellybean.com/2012/08/01/get-your-diy-blog-banners-and-wave-to-this-awesome-bloggers/. Also, if you’re willing for your banner to be featured in this post along with others, let me know and I’m quite happy to add it. Thanks once again!

        • That’s right! That’s exactly what I thought before. I don’t think my blog is there yet to start shedding some cash on theme design – so I’m glad I picked this theme that can be customized with no problem. 🙂 Good luck with your blog tweaking.

  56. Pingback: Freshly Pressed’s Best Of July 2012 | Fedora Colombia

  57. Pingback: Happy D.I.Y. Header | Janetown

  58. Hello again! Just to let you know that I have used your VERY valuable tutorial to use on a website that I am building. I tried it on my blog here at WP but my theme doesn’t respond well to a header, a theme I decided to stay with. Nonetheless, your a proper Star! You have really done good 🙂 Immie xx

  59. Pingback: Weekly Photo Challenge: Free Spirit on a floating house | Janet's Notebook

  60. Pingback: Sneak Peek of 2013 + Short & Sweet Recap of 2012 | Sweetjellybean.com: Beauty, Blog Tweaks

  61. This was a great tutorial. I normally use the Pixlr Editor (Advanced) but I always found it really hard to use. Thanks to you I made an new header in a few minutes that I’m head over heels in love with!!

    Feel free to take a look! 🙂
    bellezakisses.wordpress.com

  62. Pingback: Amazing blog header designs make it, customize yours now | Simple Make Easy

  63. Pingback: Ozotic 752 | Polish Alcoholic

  64. Pingback: DIY Tuesday: 4 Steps to Watermark or Brand your Photos via Pixlr Editor. | SweetJellyBean.com: Beauty, Blog Tweaks

Leave a reply to AJ's Mom Cancel reply