Blogger文章顯示程式碼區塊

原文：
http://chihchi29.blogspot.tw/2011/04/blogger-code-block.html

複製以下程式碼：
.post code {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 10pt;
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:250px;
line-height: 1.2em;
}

打開Blogger的範本設計工具：
範本-->修改HTML-->開啟範本設計工具-->進階-->新增CSS

把上面的程式碼貼進去新增。


先把文章內容都打好，要發布之前，切換到 HTML 。


把程式碼的部份加上<code>程式碼</code>即可。

撰寫，之後的結果常常會跟想要的不同，多少都要進入 HTML ，調整一下﹍﹍