回首頁
修改
Mail
FTP

中




2007年11月12日 星期一

[Blogger]如何在文章裡顯示程式碼的語法

剛好在找這個語法顯示方式 大家參考參考!
首先複製以下CSS程式碼

CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
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:200px;
line-height: 1.2em;
}

取代特殊字元的方式,code裡有這幾個要記的換唷!

.<取代為& lt;
.>取代為& gt;
.&取代為& amp;

在來到範本>修改html>找css地方貼上
使用方式在寫文章的地方
要秀出code的前後加上
 <code class="ref"> 此處貼上要顯示的程式碼</code>
出處 不思議惑星 Magical Star Blogger

0 回應: