BlogSpot貼程式碼的方法

有時候我們會在BLOG上面分享程式碼,為了讓程式碼標誌的更清楚,通常會將其底色改變, 最近參考了Kaie's Blog
1.新增CSS

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


2.在文章中將程式碼置於區塊中即可:
<code>
.....
</code>

3.由於html會自動解讀以下三個符號,所以需使用下方三個變數表示
將 < 以 &lt; 取代
將 > 以 &gt; 取代
將 & 以 &amp; 取代

使用網頁轉換 : Encode / Decode HTML Entities