「blogger」使用 google code prettify & CSS Block 來美化部落格裡的 code

因為看到別人寫部落格都有美美的ocde欄，

因此最近也來研究了一下要怎麼插入code欄

參考教學

在網頁中嵌入顯示程式碼：Google Code Prettify

在網頁中嵌入顯示程式碼：CSS Block

以下是一點點follow上面的紀錄：
新增小工具：HTML/JavaScript，
然後在哪一欄新增都沒關係（這裡的示範是在側欄）





然後貼上代碼，
標題那欄「一定」要空白喔～

使用方法

在打開文章編輯器，
重點來了！！
要從撰寫改成HTML，才有用

然後打貼入以下代碼格式

<pre class="codeblock prettyprint">
code
</pre>

附上html語法轉換器：http://www.elliotswan.com/postable/

效果展示（不知道為什麼沒顏色ＱＱ）

public class HelloWorld {

    public static void main (String[] args) {
        System.out.println("Hello, shannon112!");
    }
}