2007年6月12日 星期二

在Blogger中顯示正常的程式碼

此方法只適用於Blogger

1.首先一定要先儲存你的範本

2.修改你的範本
在"]]>"上方貼上以下片段:

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

3.
之後文章中要貼語法時,
先把原始碼 的< 轉為 & lt; > 轉為 & gt;
(注意& lt 和 & gt 中間是沒有空格的,此處為了排版需要才加上空格)
然後只要把語法放在<code> </code> 之間就可以了。