Change Blogger Post Background Color

in:
How to Change your blogger Template’s Each Post Background Colour

Just like my Blog " Stabnet " you can also use different color for Post Background

Step 1>- First login to blogger -> Go to “Design”

Step 2-> Click on “ Edit HTML”

Step 3-> Click “Expand Widget Templates”

Step 4-> New Search for

.post {

Just Below it please paste

background: #eeeeee;

Step 5->Save the Template

In place of “#eeeeee” you may use any colour code as per your requirement.

If you Find it useful, Please Like & Share Stabnet :-

Like Us on Facebook :- http://www.facebook.com/Stabnet
Follow Us Twitter :- https://twitter.com/stabnet
Add us on G+ :- https://plus.google.com/103227995952422277272
About Author of the Website:

Neetu Singh is the founder of Resume Formats .Neetu Singh holds an Engineering degree in Computer Science with MBA Degree in Finance and Human Resource (HR). Currently she is running a Global Manpower Consultancy. Contact Her Here

Follow her @ Google+ | Facebook | Twitter

16 comments:

  1. AnonymousSeptember 8, 2012 at 4:19 PM

    Thanks Neetu. Nice Article. It Really Works.
    - John.

    ReplyDelete
  2. UnknownSeptember 24, 2012 at 11:05 PM

    Really works!!! Thank you!!

    ReplyDelete
  3. Neetu SinghSeptember 24, 2012 at 11:38 PM

    you're welcome Leticia Delgado. Feel Free to ask any query related to blogger Template.

    ReplyDelete
  4. Remove BackgroundOctober 8, 2012 at 3:20 PM

    Appreciation for great content. I’m certainly glad I had taken the time to learn this.

    ReplyDelete
  5. AnchorsandHoneyOctober 12, 2012 at 4:39 AM

    Fantastic! Thanks!!

    ReplyDelete
  6. AnonymousFebruary 22, 2013 at 6:12 AM

    I don't have the .post { in my html... what now? Ideas?

    ReplyDelete
    Replies
    1. Neetu SinghFebruary 22, 2013 at 4:53 PM

      Can you Tell me which blogger theme you are using?

      Delete
    2. AnonymousFebruary 22, 2013 at 8:43 PM

      i also don't have this code :( what can i do neetu? :(

      Delete
    3. BonesMarch 31, 2013 at 7:08 AM

      Same problem I am using the dynamic view template.

      Delete
    4. Neetu SinghApril 13, 2013 at 11:22 PM

      You can Try Following Method:-

      Goto Template > Customize > Advanced > Add CSS > Paste the code here in the "Add //Custom CSS" box.

      Add Following Code There :-

      .post {
      background: #eeeeee;
      }

      & Save.

      You Can Also replace #eeeeee with your desired bg color

      Delete
  7. EsterJuly 16, 2013 at 4:35 PM

    Thanks!

    ReplyDelete
  8. UnknownAugust 12, 2013 at 5:50 PM

    Dear Neetu,

    I changed the background color of blog post by adding CSS code as you mentioned in one reply above. It worked all fine except for one thing. The text of my blogs are touching the border of post. You can check it here - www.sanguine-samaritan.com. This looks a bit awkward. How to insert margin between boundary of text and blog post boundry? This problem isn't there on your site. Please help.

    ReplyDelete
    Replies
    1. Neetu SinghAugust 13, 2013 at 12:48 AM

      Mayank Just Copy & Paste Following Code below .post { .

      background: #eeeeee;
      margin:.5em 0 1.5em;
      padding: 25px 25px 25px;

      It will Work. Check & Reply.

      Delete
  9. AdminOctober 27, 2013 at 1:07 AM

    Thank you so much

    ReplyDelete
  10. UnknownJanuary 4, 2014 at 3:32 AM

    Is there a way to change only the background of posts only on the "main wall" or "recent post" on the main page, and not on all the other static pages or any other page?

    ReplyDelete

Home About-us Privacy Policy Disclaimer Contact-us