修改Blogger的版面大小

今天來記錄一下如何自訂部落格的版面大小，由於在撰寫 利用SyntaxHighlighter在部落格上顯示程式碼 時正好遇到這個問題，故就順便作個備忘錄.....

不過其實也沒什麼心得和步驟可寫的，主要是參考別人的部落格上所教的步驟來做，請看如下：
更改blogger 部落格版面區塊寬度 from 余俊潁的部落格
如何加大網誌文章版面的顯示寬度？from 佳新的部落格
Blogger 版面加寬，圖片變大！from BMB, BlueMark Blog 湛藍馬克部落

我只有大致參考一下，其實要改多大多小全看個人，試著改改數值，然後預覽看看，多實驗個幾次就會得出自己最喜歡的大小了。
其實這類的教學有很多，多利用google就會出現一堆.......

利用SyntaxHighlighter在部落格上顯示程式碼

由於我是個部落格新手，也正開始在學習寫程式，上網也找了一些教學，為了記錄自己的步驟，怕日後忘記，故撰寫此文章記錄......

首先下載 SyntaxHighlighter 解壓縮後，將會有 3 個資料夾，將如下資料上傳至網頁空間：

Scripts 資料夾內的程式(*.js 與 *.swf) 。
Styles 資料夾內的 SyntaxHighlighter.css。

※由於我在google page無法上傳附檔名.js，我也不曉得為什麼，故我是申請 ucoz ， 申請步驟請參考 ucoz 提供無限容量、流量的網頁空間，超過900種模版、10多種附加免費服務任你使用！

接下來在部落格按 自訂→版面配置→修改HTML 將如下範例複製到</body> </html>標籤的前面

<link href='http://evergreat.ucoz.com/SyntaxHigtLight/SyntaxHighlighter.css' rel='stylesheet' type='text/css'/> 

然後之後只要在文章中將程式碼以如下形式撰寫即可

<pre class="languages" name="code"> //languages改為你想呈現的程式語言即可
程式碼
</pre>

參考文章：
在 Google Blogger 中使用 SyntaxHighlighter
dp.SyntaxHighlighter 程式碼色彩顯示工具
用SyntaxHighlighter在Blog做程式語法教學說明
http://code.google.com/p/syntaxhighlighter/wiki/Usage
進階參考：
使用 Windows Live Writer ＋ SyntaxHighlighter 整合編輯