在文章裏顯示優質的程式碼區

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;
  height:200px; // for IE6 
  line-height: 1.2em;
}

看到上面的程式碼區了嗎？這是Bloger本身沒有提供的，原本的程式碼都會跟文章混在一起，會造成有點混亂，框起來後有變漂亮一點了吧！
不過還是有缺點，因為它只有處理把程式的部份框起來，並沒有去處理像你如果寫HTML的Code，以及程式對齊的部份，這些部份似乎還是只能用轉換程式轉出來貼。還有每次換樣板時都還是要再自己手動改一次@@

也可以用
HTML編輯器
去把你的程式碼再做一些處理

另一種貼程式碼的方法:
Format My Source Code for Blogging
使用教學可以看在下【阮瑪莉】

參考來源：
良人的大秘寶
Blogger邊做邊學