在網頁上秀出程式碼的範例框

參考資料：砂子專區

Google-code-prettify

     A Javascript module and CSS file that allows syntax highlighting of source code snippets in an html page.

     https://code.google.com/p/google-code-prettify/

9 Useful Javascript Syntax Highlighting Scripts

     http://www.webdesignbooth.com/9-useful-javascript-syntax-highlighting-scripts/

SyntaxHighlighter

     http://alexgorbatchev.com/SyntaxHighlighter/

Blog →設計→修改 HTML

＜head＞　＜/head＞中間,
把Blog 該如何使用的說明中的程式碼貼到 ＜/head＞之前

＜!--SYNTAX HIGHLIGHTER BEGINS--＞
＜link href=　略...
．．．
＜!--SYNTAX HIGHLIGHTER ENDS--＞

接下來在網頁中加入
＜pre class="brush:vb; toolbar: false;"＞
    程式碼放這裡面
＜/pre＞

或是使用以下的方式
＜script type="syntaxhighlighter" class="brush:html"＞＜![CDATA[
程式碼放在這裡面
]]＞＜/script＞