Add different background color or image in each blogger post

Change the color of the post background
When you create a post, switch to Edit HTML near the Compose tab.
Add the following code just at the beginning and at the end of your post content.

<div style="background-color: #f1f8e2; padding: 5px 8px 5px 8px;">
Your text goes here...

</div>

1. place the brown line at the BEGINNING of your post.
2. add the div tag in blue at the END of your post.
3. replace the part in red with preferred color hex value.
4. instead of "Your text here...." you will have your Post content.

Add a background image behind the Blogger post

<div style="background-image: url(IMAGE-URL-HERE); background-repeat: no-repeat; ">
Your text goes here...

</div>

1. in green, you need to place the URL address of your hosted picture (use Photobucket, Tinypic etc.)
2. in brown is the line you have to place at the BEGINNING of your post.
3. in blue is the line you have to place at the END.
4. instead of "Your text here...." you have your Post content (if not, switch back to Compose tab, type your post content and then come back to edit your post)

Now click PUBLISH POST and done.

Posted in: blogger tips