在Blooger內加入code viewer

為了要能在Blooger清楚標示code，由於Blogger官方沒提供多少支援。最快的方式就是自己套CSS（參考Display HTML / JavaScript code in Blogger - How to）

內文提做法是在自己的blog套給code專用的css，在寫code時再用HTML tag包住，並且先用小工具做特殊字元轉碼（如encode entities）。

不過這篇BLOG的css不夠好看，因此又找了另一個blog提供的範本。

code, .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) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}