如何在Blogger文章中加入程式碼區塊?

用Blogger寫blog是滿方便的，看起來好像該有的都有不該有的也都不該有
畢竟它不是個專事文書處理的服務，所以我對於沒有表格功能就比較沒那麼介意了XD
最近想要在文章中加入程式碼的區塊，不然code和plain text不能做出區隔的話
會比較難閱讀。以下是詳細的圖文步驟：

一、進入網誌管理後台

 

二、在sidebar的部分選擇「版面配置」

 

三、在區塊中新增小工具

四、選擇新增「HTML/Javascript」這個小工具

五、貼上javascript的code到內容欄位中，標題可以留白沒關係的

//code內容
<script src="//google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>

 

六、回到文章中，切換為HTML模式

七、針對要表示為程式碼的段落前後插入以下代碼

<pre class="codeblock prettyprint">

//段落內容

</pre>

八、大功告成，沒什麼~

//之後程式碼區塊的內容大概就像這樣
//雖然手動加好像還滿麻煩的XD