安裝 SyntaxHighlighter

所需使用到的物件：
SyntaxHighlighter(本範例使用2.1.364版)



安裝方式：
1.先從 SyntaxHighlighter 網站中下載檔案。
2.申請免費網頁存放空間。
3.將SyntaxHighlighter 檔案內(scripts、styles資料夾)，放至免費網頁空間。
4.登入Blogger 點選[設計]/[修改HTML]
5.將下列code複製到<head>..</head>標韱內。

<script type="text/javascript" src="(網路空間)/scripts/shCore.js"></script>
<script type="text/javascript" src="(網路空間)/scripts/shBrushBash.js"></script>
<script type="text/javascript" src="(網路空間)/scripts/shBrushCpp.js"></script>
<script type="text/javascript" src="(網路空間)/scripts/shBrushCSharp.js"></script>
<script type="text/javascript" src="(網路空間)/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="(網路空間)/scripts/shBrushJava.js"></script>
<script type="text/javascript" src="(網路空間)/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="(網路空間)/scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="(網路空間)/scripts/shBrushSql.js"></script>
<script type="text/javascript" src="(網路空間)/scripts/shBrushVb.js"></script>
<script type="text/javascript" src="(網路空間)/scripts/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="(網路空間)/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="(網路空間)/styles/shThemeDefault.css"/>
<script type="text/javascript">
SyntaxHighlighter.config.clipboardSwf = '(網路空間)/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>

6.撰寫網誌時只要在程式碼放至<pre class="brush:xml;">.. </pre>內即可。.

補充：
script資料夾內的js檔都可以加入，如：

<script type="text/javascript" src="(網路空間)/scripts/shBrushAS3.js"></script>

//code標韱
<pre class="brush:as3;">.. </pre>

public function Index()
  {
   init();
  }

2.1.364版 支援

Language	Aliases
C++	cpp, c, c++
C#	c#, c-sharp, csharp
CSS	css
delphi	delphi, pascal
Java	java
Java Script	js, jscript, javascript
PHP	php
Python	py, python
Ruby	rb, ruby, rails, ror
Sql	sql
VB	vb, vb.net
XML/HTML	xml, html, xhtml, xslt
Action Script 3	as3,actionscript3

等…