Blogger 加入程式碼區塊

參考網頁：http://pjchender.blogspot.tw/2015/03/blogger.html

1. 版面配置中建立一個 HTML/JavaScript 小工具
2. 在工具的內容輸入

   <style>
   .post .codeblock {
   display: block; /* fixes a strange ie margin bug */
   font-family: Courier New;
   font-size: 10pt;
   overflow:auto;
   background: #f0f0f0 url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAASwCAYAAAAt7rCDAAAABHNCSVQICAgIfAhkiAAAAQJJREFUeJzt0kEKhDAMBdA4zFmbM+W0upqFOhXrDILwsimFR5pfMrXW5jhZr7PwRlxVX8//jNHrGhExjXzdu9c5IiIz+7iqVmB7Hwp4OMa2nhhwN/PRGEMBh3Zjt6KfpzPztxW9MSAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzB8HS+J9kUTvzEDMwAAAABJRU5ErkJggg==) left top repeat-y;
   border: 1px solid #ccc;
   padding: 10px 10px 10px 21px;
   max-height:1000px;
   line-height: 1.2em;
   }
   </style>
   <script src="//google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
   

3. 之後發表的文章中如要輸入程式碼，需先轉換到 HTML 模式，將所要呈現的程式碼放在 <pre class="codeblock prettyprint">  </pre> 之間。
4. 如果要顯示的程式碼包含 < 及 > 時，先到這個網頁進入轉碼，再貼到文章裡,或者自己把 < 改成 &lt;，> 改成 &gt;。