在 Blogger 上用 Google Code Prettify 顯示程式碼

先將下列文字貼到 範本-編輯HTML-找到
在上方加上

<link href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css" rel="stylesheet" type="text/css"></link>
<script src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js" type="text/javascript">
</script>

再搜尋標籤在後面加入

onload='prettyPrint();'

再來是要加上框框及一些顏色，到範本-自訂-進階-增加CSS

.post .code { 
  display: block; 
  font-family: Courier New; 
  font-size: 10pt; 
  overflow:auto; 
  background: #f3f3f3;
  border: 1px solid #ddd;
  padding: 10px 10px 10px 21px;
  line-height: 1.2;
  border-radius:3px;
}

之後如下將想要框起來的文章如下格式填入即可

<pre class="prettyprint code">
   輸入想顯示的程式碼
</pre>

如果在框起來的文章中有html標籤，
可用"& lt;"取代'<'，"& gt;"取代'>'，"& amp;" 取代 "&"