Saturday, 12 April 2014

Make A Blogger Header Using Pic Monkey

Now that I've finally sorted out the image quality on Blogger, I can concentrate on making it 'mine'. Starting with a statement header. So I did what any technical savvy person does, I Googled. Header dimensions, software, font sizes and I collaborated my results from a variety of sources, tinkering a bit to adapt to me. This really was a bit of trial and error, using bits of information from all over the world wide web. My header is very simplistic, but representative of Dangerously Delilah. So I'm just going to give you a little run through on how I made my header, for free.

If you haven't yet sorted out your image quality issues on Blogger, follow the instructions on my recent post here. It really makes a huge impact on the quality of your title.

Step One: Software


There are a ton of free applications out there, ones I frequently use on both laptop and tablet form but one really took the lead when it came to designing this all important blog title. PicMonkey is a free online photo editor, with the option to upgrade to premium, something I will definitely be doing when I set myself some time to design my background! I really can't sing enough praises for PicMonkey and all that it does but for now, I will to stick to the header. I specifically chose PicMonkey for its overlay and font options.

Step Two: Dimensions


This definitely was trial and error, every site had different suggestions and the first I chose didn't actually fit my blog. Annoying! Then I had a moment of clarity, in your Blogger Template Designer there is an 'Adjust Widths' section, click that and there is the width of your 'Entire Blog.' Bingo! Mine is 960 px. So now that we have our PicMonkey ready, we will be hovering our mouse over design, selecting custom and entering 960 x 300.

Step Three: Designing


You now have your blank canvas, so everything is up to you! A rule of thumb for title font size is 72, so aim for there about and you should be fine. In my personal opinion, headers should be clear, concise and simple. Nothing too clustered that hurts the eyes, but on the same note you want people to remember your name. Pick a font that suits your theme to keep consistency. Add an image, your own or choose from the many overlays. 

Like I said, mine was very trial and error but I am pleased with the end results. I opted to go for my title large and clear, added my blogs motto and the lips were the result of me playing around with all the different options. Accidental or not, it worked! I changed the lips to the fuschia pink that accents throughout the blog. It really bought the whole thing together. The font used was 'Bilbo Swash Caps' aye, aye, Cap'n. 


Now, the before picture actually poorer quality as its a screen shot previous to when I learnt to fix the image quality.


Step Four: Uploading Onto Blog


Oops, I actually published this post without posting this step, probably the most crucial of all the steps. 

Open up your Blogger dashboard and select 'Layout'. Click on 'Edit' in the Header section. Up will pop a 'Configure Header' box where you will have the options to upload your image from your computer or a website.


Upload your image and then select 'Instead of title and description'. Or whatever option you want in all fairness, it's your blog. 

I hope this helps and would love to see any fantastic headers you make using my little how to!




4 comments:

  1. this is actually great for me I just started my blog, I'm following you now, follow back? http://maybemayhemmakeup.blogspot.com.au/

    ReplyDelete
    Replies
    1. Awesome! Followed back, look forward to seeing some great posts in the future x

      Delete
  2. This is a great tutorial! Very helpful!

    I think PicMonkey is a great free design/photo editing software!

    Thanks for your comment on my blog! :) I'm now following you via GFC, I'd love if you could follow me back too?

    Laura - Laura's All Made Up ♥
    http://www.laurasallmadeup.com/

    Bloglovin' | Facebook | Twitter | Instagram

    ReplyDelete
  3. Hi gorgeous, thank you for stopping by! You have a lovely blog with interesting posts, I am now following you via GFC, keep in touch

    http://femministreflections.blogspot.com

    ReplyDelete