在 Blogger 文章中加入程序代码框

本文摘要部分

在使用blogger编写文章的时候，如何才能加入程序代码框呢？具体方法如下：......

帖子其余部分

第一步：进入到<控制台>－<模板>－<修改HTML> ，不用打勾"扩展窗口小部件模板"。在模板内容里找到下面这段代码，你可以通过按Ctrl+F搜索"skin"两次找到
]]></b:skin></head>

然后将以下的代码段拷贝加到上面代码的前面，就是那两个中括号前面。

CODE {

display: block; /* fixes a strange ie margin bug */

font-family: Courier New;

font-size: 8pt;

color:#33f;

overflow:auto;

background: #f0f0f0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp6xLq0RY75eFxrS6Coty2xI4Vo7FoTBnIt-NTLQl3mEGG7a60KaHqAVhm7DSq5WLO93ClNbL8JNTHJ57dY5IEFB_p2FPhz9XFxkkB382bEfxjelA88sGVnbafvtDxmUbUIzmxNSKOo5g/)
left top repeat-y;

border: 1px solid #ccc;

padding: 10px 10px 10px 21px;

max-height:200px;

line-height: 1.2em;

}

第二步：在Html模式下，把文章中将要引用的代码前后分别用<code>和</code> 包起来，这样就可以显示成代码框了。

注：请用HTML转换工具来转换您的代码，然后才将代码贴在Blogger里。不然< >里头的内容就会被Blogger的编辑器当成代码执行而不显示。