[我的筆記] 在 Blogger 裡顯示簡易的程式碼區

做個簡單的程式碼顯示區，我目前使用的是更複雜，但是它會自動分析程式碼，把各程式碼的關鍵字都做變色處理，但是如果你不需要，只想做簡單的標示，那這個會是一個不錯的選擇。

第一步請先把以下的 CSS 貼入 之間

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

第二步，就是以後在 PO 文時，在你需要插入 Code 時，你就照以下的方式輸入

.myCSS {
margin:0;
padding:auto 20px;
background-color:#FF0000;
}

最後就會出現如下圖的樣子囉，很簡單吧！