Ever wanted to post code to your Blogspot account, but ran into a mess regarding how Blogspot interprets your code sample? Well, the solution is pretty straightforward with a bit of tinkering. First, you'll need to edit the HTML of your blog from the Design , Edit HTML tab in the administrative section of your Blogspot account. What you will need to do is add a class to the style section in the header called .postCode which will look something like this: .postCode{ background:#FCFCFC none repeat scroll 0 0; border:1px inset #012BB2; height:150px; margin:10px; overflow:auto; padding:6px; text-align:left; } Then, whenever you right a new blog post, you need to make sure to select the Edit HTML tab next to the Compose button and put the following wrappers around the code: <pre class="postCode"></pre> Now, to actually get it to appear like that, you have to put your code through a bit of a translation by...
Developer Blog