Blogger 怎么贴代码框？

来源：百度知道 编辑：UC知道 时间：2024/05/18 23:13:31
我直接把别人博客帖子里的拷贝过来，可是只有框里的代码，却没有框。我又查看源文件用里面的源码来编也不行

他们是怎么编辑出这样的框来的啊？高手应该懂我在说什么吧

新手遇到的难题，我开始也对此很头痛，直接拷贝别人的代码框却不成功。现在弄明白了，其实很简单，就是先要在你的模板中加入一个CSS代码。
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(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}

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

需要注意的是如果引用的程序中含有<> 括号，要把"<"用“<”代替，“>”用">"代替，不然<>的内容就会被Blogger的编辑器当成代码执行而不显示。