Code Block 之撰寫

為了能夠一點一滴的紀錄blogger成型過程，程式碼的剪貼與紀錄，實在煞費苦心，貼個程式碼還要將關鍵字轉換掉，用來避免網頁直接執行而無法顯示出程式碼來，還好有轉碼的程式輔助，不然我真要在blogger寫個慘字啊~程式碼會po了，但是沒有一塊漂亮的地方來顯示，就好像有花沒花圃一樣，總是少了一點fu，所以Code Block就是可以幫助我們建個漂亮的小花圃，來把小花們種進去啦!來吧！可憐的園丁來建花圃囉！

步驟1.將底下的code貼在模板裡</b:skin>之前

code {
display: block;
font-family: 'Courier New';
font-size: 9pt;
overflow: auto;
border: 1px solid #82c534;
padding: 10px 10px 10px 21px;
max-height: 1200px;
line-height: 1.2em;
letter-spacing: 0px;
color: #000;
background: #e5e6da url(http://www.fileden.com/files/2008/9/5/2082178/code.gif) left top repeat-y;
}

步驟2.在編輯文章時，在code前後加上關鍵字<code>與</code>即可。

步驟3.貼程式碼時，別忘了把關鍵字換掉喔~

     < 用 &lt;  更換
      > 用 &gt;  更換 
      & 用 &amp; 更換 

ps.步驟一裡頭的連結圖code.gif，可以改放自己的網路空間為妥當!!