Change Blogger Post Background Color

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

16 comments:

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

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

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

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

    ReplyDelete
    Replies
    1. Can you Tell me which blogger theme you are using?

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

      Delete
    3. Same problem I am using the dynamic view template.

      Delete
    4. 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
  5. 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. 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
  6. 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