Wednesday, August 11, 2010

[Blogger Tutorial] Changing Post Color

Ever get sick of having to change the color of your posts every time you want to post?  Here’s a quick and easy tutorial to change your Blogger template code so your posts are in the color you want!  This is a little different from changing the text color in Blogger’s “Design” tool, as that applies to the whole body, sidebars and all, and this tutorial will change the color for only your posts.

Remember to ALWAYS BACK UP YOUR TEMPLATE BEFORE CHANGING ANYTHING!  This tutorial may be easy, but deleting one little character can seriously mess up your blog!

  1. Click the Design link on the Blogger Dashboard.  Then click Edit HTML Code
  2. Be sure to back up the code before editing!
  3. Press Ctrl + F and search for the following:

    .post

  4. Now, you should see the following lines of code:

    .post {
    margin:.5cm 0 1.5cm;
    border-bottom: 1px dotted $bordercolor;
    padding-bottom: 1.5cm;
  5. Just below this last line, you can easily customize the post color!  Just add the red portion below!

    .post {
    margin:.5cm 0 1.5cm;
    border-bottom: 1px dotted $bordercolor;
    padding-bottom: 1.5cm;
    color:#0000FF;
    }
  6. Change the #0000FF to whatever color code you’d like (that one just happens to be blue).  Just do a search for “HTML Color Codes” to find a list of colors and the corresponding code!

  7. Click Preview to see your newly colored posts!

  8. Click Save to make it official!

----------------------

That’s it!  Let me know if it worked or if you had problems.  And as always, if you have suggestions for new tutorials, just let me know! I love learning this stuff, too!

3 comments:

  1. I like your advice about backing up your template before you change anything. I learned this one the hard way.

    Have a terrific day. :)

    ReplyDelete
  2. Thanks for the tutorial. I am the most unsavvy person there is when it comes to template changing. So many times, my blog looks horrible. But sometimes I luck out and it looks great. That's OK, I like change! Also, thanks for your comment over on my blog! How long have you been blogging?

    ReplyDelete
  3. Thanks so much for this! I get so aggravated when I have to change my blog look and then you end up not being able to see the font. This way I don't have to do it in each individual post which can be annoying!

    ReplyDelete

Thank you for visiting Cheap Geeks Anonymous and aiding me in my quest for world domination!

Note: Only a member of this blog may post a comment.