Blogger正文中的Code框

如何在Blogger正文中增加一个code代码框。
English Version: This article told us how to add a code box in blog post texture part.

Related Links:http://sunr.blogspot.com/2006/10/blog-post_5933.html
                  http://zhidao.baidu.com/question/43515468.html

　　Step1：进入到 控制台－模板－修改HTML ，“扩展窗口小部件模板” 前不用打勾。在模板内容里找到下面这段代码，你可以通过按Ctrl+F搜索“skin”两次找到 
]]></b:skin>
</head>
 
然后将下面的代码段拷贝加到上面代码的前面，就是那两个中括号前面：
CODE { 
display: block; /* fixes a strange ie margin bug */ 
font-family: Courier New; 
font-size: 8pt; 
overflow:auto; 
background: #f0f0f0 url(<a href="http://klcintw.images.googlepages.com/Code_BG.gif" target="_blank" style="color: rgb(38, 28, 220); "">http://klcintw.images.googlepages.com/Code_BG.gif</a>) left top repeat-y; 
border: 1px solid #ccc; 
padding: 10px 10px 10px 21px; 
max-height:200px; 
line-height: 1.2em; 
} 

Step2：在Html模式下，把文章中将要引用的代码前后分别用<code> 和 </code> 包起来，这样就可以显示成代码框了。
　　需要注意的是如果引用的程序中含有<> 括号，要把"<"用“＆lt;”代替，“>”用"＆gt;"代替，不然<>的内容就会被Blogger的编辑器当成代码执行而不显示。
　　有时候我们需要在帖子中展示一些源代码，如果在Blogger的编辑器中，这些代码就会被执行。这时候，最简单的方法就是通过一些离线Blog撰写软件，这是鱼喜欢上Windows live writer的主要原因，几乎省下了以前一半的时间。现在Windows live writer存在的缺点就是不能为Blogger beta加标签以及上传图片，写完之后还要重新到Blogger中加上标签。
　　再者就是通过一些网页编辑软件比如Dreamweaver转换，也非常方便。鱼之前就用这种方法。
　　以上两种方法适宜大量的代码，如果只是几句简单的代码大可不必这么麻烦。只要把"<"用“＆lt;”代替，“>”用“＆gt;”代替即可（将＆替换成&）。