在blogger文章中显示源代码

在blogger文章中显示源代码
http://ororz.blogspot.com/2007/05/blogger.html
在html 模式下,将所有的<替换成＆lt;所有>替换成＆gt;(注意&是半角符号),然后再发表，用这种方法不仅可以在 Blogger里正常输出文件，而且COPY后不用再去替换全角，很是方便。如果要像本BLOG那样显示代码,可以在CSS样式表中加入下面代码。模版 html(head之前)
CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://kofreestyler.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 0px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}
code:hover {
background-color:#73A0FF;
}

在编写帖子时，在代码两边加上code
注意：代码部分必须用“lt;”代替“<”，用 “gt;”代替“>”，否则帖子在发布之后还是无法显示出HTML代码的，切记。如果“<”和“>”的数量不多，手动输入即可；如果是一大段的代码，建议使用Dreamweaver或其他的网页编辑工具进行转换。如果你使用了Windows Live Writer之类的Blog离线编辑工具，这个编辑的工作就轻松多了。