在Blogger帖代码

昨天发个帖子，贴代码麻烦得要死...

今天找了一些文章，结果是需要这样

参考:http://klcintw4.blogspot.com/2006/11/blog-post_03.html

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

需要注意的是: "<"要用 "＆lt;"来代替.

以上的方法缺点是背景色不能不能在Template Setting里面通过菜单设定，所以最好是把以上的#f0f0f0改为codeBgColor,然后在变量定义里面加入：

<Variable name="codeBgColor" description="Code Background Color"
type="color" default="#214552" value="#777766">

这样就可以方便的根据自己的模板配色来修改背景色了----当然，前景色也可以改，道理是完全一样的。