2009年4月28日火曜日

Blogger 怎么贴程序代码框?

先要在你的模板中加入一个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的编辑器当成代码执行而不显示。

0 件のコメント: