Saturday, April 25, 2009

Baby customization step: Header background color

A vast majority of bloggers like unique template different from, and distinquishing their blog from other blogs. Many too likes fancy graphics. I on the other hand prefer simple template with no graphics and I use the no frills Blogger standard Minima template as this is a blog which soughts to provide useful information and simple easy to understand instructions. So far, the only substantial customization is to convert the standard 2 column Minima template to 4 column Minima template.

Today, I went a teeny weeny step more by changing the Header background color to #5588AA; which is the same blue color for the hyperlinks. All I need to do is to change the following in the template (via EDIT HTML in the LAYOUT):

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header-wrapper {
width:100%;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

to

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
background-color:#5588AA;
}

#header-wrapper {
width:100%;
margin:0 auto 10px;
}


Please tell me what you think of this teeny weeny customization by leaving a comment:

17 comments:

  1. So far, so good, but how about something a little more complex? I need advice on fixing my header -- it got too big for the page!

    ReplyDelete
  2. You should give us the blog URL so that we can check to see exactly what is wrong.

    ReplyDelete
  3. Mine is a third party template, which I hope isn't a problem. My header image is gone!

    Take a look? Thanks!

    http://theotherbed.com

    ReplyDelete
  4. Gone? I see a blue white black image with a tree without leaves and a face. Isn't that the Header image?

    ReplyDelete
  5. hi..peter nice article...I also need an advice on my blog header...body makeovercheers

    ReplyDelete
  6. You have some nice graphic Header

    ReplyDelete
  7. Hi, I like your blog. The header is an improvement. But I think your site loads too slowly. Sometimes I am on the verge of going somewhere else because of slow loading. I think we all need to be careful about overburdening our sites with too many third party widgets as these slow load times. Here is mine:http://cat-chitchat.pictures-of-cats.orgThanks for your blog though. It has been useful for many thousands of bloggers.

    ReplyDelete
  8. thank you for the great advice and help, being nonexperienced with most computer things, your advise took me directly to fixing my blog,,,thanks again, and happy day to you,,,

    ReplyDelete
  9. thankyou for this qucik and easy to understand tip, I love to learn new things, that I can try out on my testing blog before adding them to actual blog.

    ReplyDelete
  10. Hey dude good work it worked on my site
    www.mobmani.blogspot.com ||MAKE MONEY||

    ReplyDelete
  11. Hi Is there any way i can change the colour of the description text on my blog ONLY?

    ReplyDelete
  12. Go to LAYOUT then FONTS AND COLORS and change the "blog description color" there. Very easy.

    ReplyDelete
  13. hI,,I LIKE THIS!! PLEASE COULD YOU VISIT MY BLOG AND TELL ME WHATS WRONG WITH IT! I'M NOT RELLY GOOD AT THIS AND WHEN EXACTLY WILL MY BLOG START COMING OUT ON GOOGLE?
    THANKS!!

    ReplyDelete
  14. Hi Peter! Would you please help me ~ the text in the header of my blog is too big and I'm not sure how to change the size. I assume I need to go into the HTML. Would you give me some advice please? My blog address is
    http://inkberryblue.blogspot.com/
    Happy New Year!
    (BTW, love your blog. I referred to it constantly when I first set up inkberryblue.)

    ReplyDelete
  15. Refer to Change font size of blog Header (2007 post). You may also be able to do that without going into the template direct by going to LAYOUT > FONTS AND COLORS. Suggest you test them out with a test blog first.

    ReplyDelete
  16. Thank you for explaining how to do this. It was a great help!

    ReplyDelete

Find help, info, instructions, tips, tricks

Tip: Use search box below or this box, labels in the first right sidebar, archive, ctrl+F for this page or sitemap to find topics