在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/AVvXsEjCcF59502xceetpXnzCr6k4d5eD8zZoC0pTj3eJSfDOsfzfArdlOM6nD4RXxagvO3Qz62JF1NICbuzrMTBsQGsSEGKz6zoEsfUU__89rJD6jmc2b-8fnZwytk1BX06cF0lngs2ofei2-Y/)
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的编辑器当成代码执行而不显示。

本文地址：https://hebzhb.blogspot.com/2010/11/blogger_09.html 原创文章如转载，请注明链接： 转自Boleyn Inn