[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!