在Blogger中能夠在文章中貼上程式碼的語法

這個方法參考自芯瑀小棧 Chinese Knotting好用哦！



步驟一：
複製以下CSS程式碼, 貼在CSS樣式裡
/* Blogger版 */
.post code {
display: block; /* 指定元素顯示的形式 與區塊元素相同:block */
overflow:auto; /* 超出顯示範圍處理 全部顯示:visible 隱藏:hidden 捲軸:scroll 瀏覽器自動選擇:auto */
font-family: Arial,Courier New; /* 文字字型 */
font-size: 10pt; /* 字型大小 */
line-height: 15px; /* 文字段落行高 */
padding: 10px 10px 10px 21px; /* 內距綜合設定 依序為上右下左 */
margin: 5px 40px 5px 40px ; /* 邊界綜合設定 依序為上右下左 */
border: 1px dashed #ccc; /* 框線綜合設定 依序為粗細 線類 顏色 */
background: #f0f0f0 url(http://i228.photobucket.com/albums/ee42/lifemirror/Blogger/Code_BG.gif) left top repeat-y; /*背景設定 依序為 背景色碼 背景圖URL*/
}
步驟二：
現在進行的是文章中要貼上的程式碼, 請先將此程式碼code做修改....
．<取代為&lt;
．>取代為&gt;
．&取代為&amp;

步驟三：
改完後, 將程式碼開頭輸入＜code class="ref"＞和結尾補上＜/code＞成為以下的模樣, 完成後即可儲存文章
< code class="ref" > 程式碼 < /code >