Use Code Block in Blogspot

I got all of these informations form here

1. go to "Template Designer" of your blog
2. select Advanced > Add CSS
3. add css code

pre.code
{
font-size:12px;
border:1px dashed #CCCCCC;
width:99%;
height:auto;
overflow:auto;
color:#000000;
background:#f0f0f0;
background-image:URL(http://2.bp.blogspot.com/_z5ltvMQPaa8/SjJXr_U2YBI/AAAAAAAAAAM/46OqEP32CJ8/s320/codebg.gif);
padding:0px;
padding-left:2px;
text-align:left;
line-height:20px;
word-wrap:normal;
}

You can use them with <pre class="code"> tag