在blogger文章中显示源代码

在html模式下,将所有的替换成>(注意&是半角符号),然后再发表,用这种方法不仅可以在 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;”代替“”,否则帖子在发布之后还是无法显示出HTML代码的,切记。如果“”的数量不多,手动输入即可;如果是一大段的代码,建议使用Dreamweaver或其他的网页编辑工具进行转换。如果你使用了Windows Live Writer之类的Blog离线编辑工具,这个编辑的工作就轻松多了。

更多