Blogger 文章顯示code程式碼

到Blogger後台
「設計」→「修改HTML」，

尋找/* Posts的位置

在

/* Posts
----------------------------------------------- */

之後，
插入下面的程式碼

HTML中插入一段程式碼，CCS程式碼：

.post code {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 10pt;
overflow:auto;
background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:250px;
line-height: 1.2em;
}




有一件重要的事要注意，
＜ 改成＆lt;
＞ 改成＆gt;
&改成&

可以利用網頁：HTML Encoder網站 ↗
來作程式碼的轉換。



最後，編輯文章時在程式碼前後各加上 <code> 和 </code> 就能顯示。


網頁：下載語法 - Blogger 文章顯示code程式碼.txt ↗






參考資料：
Blogger Code block_文章顯示程式碼區塊 ↗



2012