How to make the post page background a different color from the actual post background

Granted, this will not work with every template and you will probably need to do some tweaking with margins and paddings inside the post area itself to get it to work right, but it is a pretty neat thing nonetheless:

On the left you see the post page with the template background that you get on every post page which in the case of this template is #f5f5f5. On the right the page background has changed to #222, while the post background remains unchanged and is still #f5f5f5. 

In order to do this go to the HTML tab of your post editor and simply paste this line of code at the very end of everything that you have there:

 

<style type="text/css"> body { background: #222; } </style>

In my design I used #222 for the background, you can change that to any HEX code that you like, of course. And you can change the page background color on every single post page that you have on your blog. Only that page will get affected since the code is not in the actual theme HTML code but only in the post HTML.