2009年9月18日 星期五

[轉貼]在Blogger中插入程式碼

1.將程式碼丟到HTML Encoder轉換
2.修改Blogger的CSS: [版面配置] → [修改HTML] → 勾選[展開小裝置範本], 插入這一段

.post pre {
  background: #F0F0F0 url(http://your.domain.address/blogger-code.gif) repeat-y scroll left top;
  border: 1px solid #CCCCCC;
  color: #333333;
  display: block;
  font-family: Courier New;
  font-size: 10pt;
  line-height: 120%;
  margin: 5px 0 0 20px;
  max-height: 200px;
  overflow: auto;
  padding: 10px 10px 10px 21px;
  width: 90%;
}

3.將轉換過的程式碼包起來, 未來就可以快樂的貼程式碼了
<pre>you code here</pre>

出處: 在Blogger文章中插入程式碼

沒有留言: