教學：為 Google Blogger 的分享語法，穿件衣服吧 (加上一層語法框架) － 部落客適用。

二個教學重點如下：

[重點 1]
加上語法框架：
Google Blogger 的部落客們，當你在網頁發表含有程式碼 (Code) 的文章時，或者有特定文字想要特別標示時，可以考慮為語法加上一層外框，以便利讀者閱讀及複製使用該語法，並美化自己的部落格、突顯專業性。


開始進行修改網頁範本中 CSS 原始碼：
(1)備份範本：這是一定要的，以備想復原原網頁時使用。


(2)在 Blogger後台選擇〔版面配置〕→〔修改HTML〕，用 "CTRL F" 找出下列位置：
]]></b:skin>

然後在這一段敍述之前，插入下列這一段 CSS 語法：
/* 程式碼框架 */
code {
display: block;
font-family: 'Courier New';
font-size: 9pt;
overflow: auto;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
line-height: 1.4em;
letter-spacing: 0px;
color: #000;
white-space: nowrap;
background: #ccc url(http://i.imgur.com/3vEH9.gif) left top repeat-y;
}

請注意，語法中我圈出來的地方，是可以隨心所欲設定，含框架圖片、顏色、字型大小、行列高度、背景、空白列間距、位置、框架屬性等等，可依自己網頁的排版設計，自己修改設定。

(3)收工。
日後想要為語法加上框架時，輕鬆的將欲分享的語法，貼到 "撰寫" 處。
然後到 "修改 HTML" 處，使用下列指令即可輕鬆完工：
<code>欲分享的語法</code>



[重點 2]
轉換語法中之特殊字元 (Reserved Characters in HTML and XHTML)：
此外，如須轉換語法中的特殊字元，例如：
「<」和「>」和「&」

可利用下列網站來進行編碼與解碼作業，即可迅速將語法還原美化，再貼出分享給讀者。
HTML Encoder
HTML Decoder
HTML ISO-8859-1 對照表

網站參考範例：Holling Hsu 率鴿噗原創、科技不貴
哈~~~ 沒錯，就是小弟的網站啦，麻煩各位帥哥美女們，學完後記得不吝在我的小站按 10000 個 "+1、讚、推" 喔~~~

程式碼框架 - 範例

程式碼框架 - 範例：