2011年7月17日 星期日

在Blogger鑲嵌程式碼

1. 在Blogger鑲嵌程式碼首先先把你要的程式碼轉譯一下
下面這個Encoding的網站滿好用的
http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx

2. 再來將轉譯完後的程式碼以<code></code>的標籤框起來丟到以[修改HTML]狀態的文章編輯裡面
就ok啦~

3. 至於<code></code>標籤是怎麼產生的?

先在[設計]->[修改HTML]編輯裡面加入以下這一段CSS Code就可以使用了, 要放在/head前面喔


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;
}

這樣就大公告成啦~

沒有留言:

張貼留言