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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBkLFoT6Hab5lO1ucRN_eZebD1cvh8oA47zQ7ctXMxYpEsIKxaD0N1lsMRUE_jKTnBNpiHhuF8hXYBwFpEc_S7rFYq0GqWAvNMWY-PYAkLrQfkT_iZ9cMdfZ2aW5bqb2agTiS3cBPdNIBF/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