Blog 文章中貼程式碼

在網路上找了好久，
終於找到一篇看的懂，而且也可以有效的文章了。

我的目的，是希望自己在部落格所貼的程式碼能夠正確顯示出來。
不需要老是為了排版而傷腦經，現在，終於有個替代方案囉。


http://grandsights.twbbs.org/2007/04/blogger.html

在網頁範本裡加上下面這一段：

CODE, .code  {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://polin2005.googlepages.com/BG_CODE.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;max-height:200px;
line-height: 1.2em;
}
CMD, .cmd {display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
color: #ccc;background: #000 url(http://polin2005.googlepages.com/BG_CMD.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}

使用方式：

<pre class="code" > XXXX </pre >

除此之外，我還看到可以顯示顏色的ㄟ，
不知道有沒有好心人也可以教一下。
要如何弄出有顏色的程式碼。