Blogger加入code標籤

自己不太懂語法及程式的情況下，每每修改或者安裝新的外掛程式碼，都需要在Blog上加註筆記，避免因時間了關係而忘了當初改了什麼，而在放程式碼，當然是因該有一個固定區塊，且與文字不相干擾，馬上上網查了資料，開始施工。


Code製作過程-

1. 搜尋/* Posts 在之後的虛線下方加入
2. 複製貼上.post code { display: block; /* fixes a strange ie margin bug */ font-family: Arial; font-size: 8pt; overflow:auto; white-space: pre ; 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; }
3. 內容參數可自行調整。
4. 此為完成圖。
   
   
   
5. 使用方式再文章Html模式下<code>你的內容</code>標籤內即可。
6. 而你的內容不能直接複製貼上，需到編碼網站將你的內容轉換之後貼上即可。
   
   
   

相關網站-

• HTMLEncode

筆記內容-

white-space有三種屬性可以設定。

1.預設值normal：
會把空白，Tab或是換行都替換成一個半形的空白，並且文章太長時而超出區塊範圍的話，也會自動換行。


2.nowrap：
一樣會把空白，Tab或是換行都替換成一個半形的空白，這是讓文章過長也不會自動換行的屬性。


3.pre：
會正常顯示出空白，Tab與換行的樣式。