建立專屬的程式碼區塊

有時候在部落格上會貼上一些教學文章，往往需要附上程式碼，如果照一般格式貼上程式碼，會覺得有點醜醜的，又和一般文章無法區別，參考了良人的大秘寶的大作後，我也修改了一部份，這篇文章就來教大家怎麼自己做程式碼區塊。

1. 進入Blogger管理介面，選擇版面配置
2. 選擇修改HTML
3. 在]]></b:skin>前貼上程式碼區塊的CSS格式(如果要連側邊攔也要的話，把.post拿掉就好)
4. 未來只要再編部落格時，將程式碼用<code></code>包起來就可以。

.post code {
display: block;
font-family: 'Courier New';
font-size: 9pt;
overflow: auto;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height: 1200px;
line-height: 1.2em;
letter-spacing: 0px;
color: #000;
background: #ccc url(http://become.mail.googlepages.com/Code_BG.gif) left top repeat-y;
}