I m World: 【Blogger】Use SyntaxHighlighter for Blogger

想要讓Source Code快速且美觀地呈現在Blogger上，就非「SyntaxHighlighter」莫屬了，去官網發現已經更新到 3.083了，裡面也有詳細說明SyntaxHightlighter安裝的步驟，一般都而言都是先下載套件，再上傳到WebSite上，但Blogger使用者有福了，SyntaxHighlighter有「Blogger教學手冊」並提供Link可以直接用，省去下載&上傳的步驟。

Go to Blogger Dashboard > Design > Edit HTML.
Press CTRL+F to find the code
Copy the below code

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>

在Blogger使用時，只要用<pre>...</pre>框住Source Code，再選擇語言種類 (例如：Java =>"brus:java"，Html=> "brush:html" )就行了，如下：

function foo()
{
   if(counter <= 10)
      return;
}

P.S.

不過在Blooger上有一個issue，就是當在Post HTML code時，有時會發生下列情況：
Your HTML cannot be accepted
Stop showing HTML errors for the body of this post

為了解決這個問題，就需利用 Quick Escape 將HTML code轉換。
由於版本差異，3.0跟2.0的UI不一樣：