February 22, 2013

Sidebars: Adding A Colored Background

I haven't done a Blogger tutorial in a while and since I have no home projects or anything else to share I thought I would write up this quick tutorial for you all. I've gotten a couple e-mails asking how you can get sidebars like mine. It's SUPER easy! Here's how you can add a colored background to your sidebars: 

(I'm using one of my testing blogs I use for blog design for this tutorial...)
1. Go to TEMPLATE then CUSTOMIZE and you will see this....
2. Go to ADVANCED then ADD CSS (you will have to scroll down to see it)
3. PASTE this code in the white box:
.sidebar h2 {
background:#f1f1f2;
margin:0;
padding:0 .2em;
line-height:1.em;
}
4. Change the highlited section of the code above to the color code of your choice and then hit APPLY TO BLOG to save your changes. 

That's it! You've got yourself pretty new sidebars! Please let me know if this tutorial was helful. I have a couple more blogging tutorials here in case you are interested in beautifying your blog a little more. 

Photobucket

7 comments:

  1. I could seriously KISS you for this tutorial! Thank you :)

    ReplyDelete
  2. So happy I stumbled across your blog. It's so helpful! Thanks again :)

    ReplyDelete
  3. Hey! Super quick question... how do I get the text centered like yours?

    ReplyDelete
  4. I have the same question... how can I get the centered texts? I'm looking for that but I'm no lucky! :(

    Thank youu!

    <3 your blog!!

    ReplyDelete
  5. Your tutorials are a god send!! So simple and easy! xx

    ReplyDelete

I would LOVE to hear from you! :)