在網路上找了一些教學 ( Ex:Warrick-DoDo ),
再加上自己些微地修改,
我的 blogger 文章也可以顯示程式碼區域。
[教學]
在 blogger 的 Template 中,加入 CSS 樣式如下:
code { display: block; font-family: Courier New; font-size: 9pt; overflow:auto; background: #f0f0f0 url(http://ping.googlepages.com/Code_BG_1.png) left top repeat-y; border: 1px solid #ccc; padding: 10px 15px 15px 20px; max-height:200px; line-height: 1.2em; margin: 5px 5px 5px 15px; }在寫文章時,若該段文章須以程式碼區域顯示,
只須將該段文章放在<code></code>之間便可以以桯式碼區域顯示。