如何在 Blogger 中加入 code 的標籤語法？

Blogger 不支援寫 code, 要如何在 HTML 寫 code 並且展示成以下格式呢？

code {
display: block;
font-family: 'Courier New';
font-size: 9pt;
overflow: auto;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height: 1200px;
line-height: 1.2em;
letter-spacing: 0px;
color: #000;
white-space: pre;
background: #ccc url(http://www.axn.googlepages.com/code_background.gif) left top repeat-y;
}

步驟：

1. 將以下程式碼加入 HTML CSS 中
2. 將程式碼先轉成 HTML 可用碼，可用 Dreamweaver 或線上轉碼
3. 將轉好的碼前後用<code>標籤框住</code>