在Blogger中发代码帖子的方法

Blogger很优秀,但是,如果发帖内容中有代码时,blogger的麻烦就来了,老是报错,很多人是吃尽苦头才搞定的,为了能够在Blogger帖子内容当中显示HTML代码,参考了很多其他Blogger的文章,经过一番努力终于搞定了。

步骤一:在模板中添加下面一段CSS

有的朋友不知道加在哪里,就加在
]]>之前的位置即可。

CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 11pt;
overflow:auto;
background: #e6e6e6 left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}


步骤二:将要发帖的代码复制到UltrEdit、Dreamweaver、Windows Live Writer之类的离线编辑工具,记住代码部分如果有<和>,当然这个是常见了,则必须
用 &lt; 代替 <
用 &gt; 代替 >
注意都是半角符号,(不要复制这里的),否则帖子在发布之后还是无法显示出HTML代码的,切记,注意很多文章中都忽略了这一步。
如果“<”和“>”的数量不多,手动输入即可。
  

步骤三:在发帖编辑时,将上面第二步改好的在帖子中要加入的HTML代码放在 <code></code>之间即可,注意都是半角符号,不要复制这里的代码,最后,看上面的效果,大功告成。

不过还是比较纳闷,大名鼎鼎的google的blogger居然编辑器没有这样的功能,是不是下一个版本改改進了呀! ^_^

最新文章

最新评论

标签云

搬家進度

  首先谢谢各位朋友关注博客搬迁進度。   这次博客搬家,大致有这样几个过程:   1 因为这次选用WP博客程序,需要选择、辑新的模板,这是一个艰辛的工作。不过,有好消息告诉大家,经过这几天的努力,这个过程已经完成。到时,博客会以全新的面貌展现在各位朋友的眼前。   2 在新的服务器上调试博客程序,从今天算起,顺利的话,大约需要5天左右的时间。   3 文章等的搬迁。这个需要约数天时间,不过,在搬迁文章的时候,已经可以浏览新博客了。   谢谢各位关注。 各位朋友:
您好!
据朋友们反映,目前本博客打开速度很慢,一些原本要加入的内容,也因为服务器速度受限没有加入,使得博客发展有限,有鉴于此,决定租用美国一家公司的服务器,到时启用新的域名,以期将博客办的更好,使本博客内容更加丰富,为朋友们提供一个更顺畅的交流平台。
在此,对于一直以来支持关心本博客的各位朋友表示真诚的谢意,在搬家期间仍然会保持更新,对近期可能会更新少一点表示歉意。
欢迎各位朋友继续光临、支持搬家后的美博园,我们一定会尽力满足各位朋友的要求,把本博客做的更好更靓丽。
谢谢
Tom 敬上