Blogger 顯示程式碼

我實在弄不出來大作 dp.SyntaxHighlighter ，設定 CSS 和 Javascript 的調整
還是不能出現，後來重新到 Google 搜尋之後找到一段 CSS 語法
放上 Blogger 還真的能跑，上傳到 Google Pages 先暫時將外連，方便修改咩 :)

還好網路上高手一堆，參考的原文 ，正宗出處 [Blog]文章中引用程式碼的作法。
這段精美的CSS語法，直接放到裡面就可以跑囉 ^^

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;
}

##CONTINUE##
引述作者紀錄 :

在貼HTML code時要注意一下，括號會被browser當作tag讀掉，所以如果要貼括號的話，要用下列的字元更換！

< 用 &lt; 更換

> 用 &gt;更換

& 用 &amp;更換

張貼程式碼的方法 :

將程式碼置於<pre class="code">和</pre>之間。

如果真的要用 "<"，">"，"&" 那還是會有一點點的小麻煩，
不過還算夠用只要能讓我將程式碼貼在部落格，這就是最大的幸福了 :)