Blogger文章中使用程式碼區塊

以前的幾套Blog網站都修改原始檔，使文章中提及程序碼的部份可區別出來，也不清楚為什麼獨獨漏掉我的Blogger。

剛好最近文章中比較常提到程式碼的修改和追加，為了能夠明白分辨一般敘述內文和程式碼之間，乾脆趁機也替Blogger劃個程式碼區塊。

blogger資訊主頁＞範本＞修改HTML＞繼續，於原始檔找到「* Posts」之後加入以下程式碼：
.post code { display: block; /* fixes a strange ie margin bug */ font-family: Courier New; font-size: 10pt; overflow:auto; background: #f0f0f0 url(http://therahong.myweb.hinet.net/code_bg.gif) left top repeat-y; border: 1px solid #ccc; padding: 10px 10px 10px 21px; max-height:250px; line-height: 1.2em; }
說明1：
Gif圖檔請下載後自行上傳至所屬的網路空間，並且修改路徑。

說明2：
須將＜符號轉換為＆lt;，＞則轉換成＆gt;，否則會被誤判為執行語法而無法正確顯示。（＜、＞、＆符號應皆為半形）

說明3：
或用HTML Encoder編碼器協助轉換，包在＜code＞＜/code＞之間，如下：（＜、＞、＆符號應皆為半形）
<code>把要顯示的程式碼放在這裡</code>