在blogger文章中显示代码

如果你尝试过在blogger中发表带有<或者>符号的html代码，你会郁闷地发现代码是显示不出来的。你需要在html模式下,将所有的<替换成＆lt;所有>替换成＆gt;(注意&是半角符号)。用这种方法不仅可以在 Blogger里正常输出文件，而且COPY后不用再去替换全角。
为了美观，可以在CSS样式表中加入下面css代码

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,可以达到跟上面一样的效果。

注意：代码部分必须用“＆lt;”代替“<”，用 “＆gt;”代替“>”，否则帖子在发布之后还是无法显示出HTML代码的，切记。如果“<”和“>”的数量不多，手动输入即可；如果是一大段的代码，建议使用Dreamweaver或其他的网页编辑工具进行转换。