How to add source codes to blog

Add this one in HTML design view in blogger page

<pre style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace;
            color: #000000; background-color: #eee;
            font-size: 12px; border: 1px dashed #999999;
            line-height: 14px; padding: 5px;
            overflow: auto; width: 100%">
   <code style="color:#000000;word-wrap:normal;">
>>>>>>>>>>>>>>>>>>>ADD YOUR CODE HERE<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
   </code>
</pre>