blogger文章 的code與 reference語法

1、到Blogger後台「設計」→「修改HTML」，尋找/* Posts的位置，在/* Posts之後，插入下面的程式碼


/* CSS for Code Block in content */
code.code {
display: block; /* fixes a strange ie margin bug */
font: Arial;
font-size: 12pt;
overflow:auto; /* 是否顯示scroll bar*/
background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px dashed #ccc;
padding: 10px 5px 10px 20px;
margin: 5px 0 0 15px;
max-height:250px;
line-height: 1.2em;
}

code.ref{
display: block; /* fixes a strange ie margin bug */
overflow:auto; /* 是否顯示scroll bar*/
background: #fff url(http://chenkaie.googlepages.com/Code_REF.gif) left top repeat-y;
border: 1px dashed #333;
padding: 10px 5px 10px 20px;
margin: 5px 0 0 15px;
font-size: 14px;
font: Arial;
line-height: 1.6em;
}





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


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



第一個控制的是code的部份，第二個則是控制reference的部份囉!!
就加在內的CSS語法中即可!!

PO文時，使用方法如下：

<code class="code"> 程式的部份 </code>
<code class="ref"> REFERENCE的部份 </code>


網頁：下載blogger文章 的code與 reference語法.txt ↗




資料來源：
網頁： 參考網頁↗