强化Blogger的引用功能 可当代码框

该技巧有以下优点：
1.突出显示引用区，使引用区更加明显，比如我的模板引用区就非常不明显，现在好多了。
2.能直接在引用区内打出“<”和“>”，不用再麻烦得用代码代替了，（但是如果涉及到Html代码就无效了，真无奈）。
3.有CSS知识的可以自己美化。我不太懂所以只改了几个颜色代码配合下整体的色调。
Step1：进入到 控制台－模板－修改HTML ，“扩展窗口小部件模板” 前不用打勾。在模板内容里找到下面这段代码，你可以通过按Ctrl+F搜索“skin”两次找到]]></b:skin></head>

然后将下面的代码段拷贝加到上面代码的前面，就是那两个中括号前面
CODE {
border-bottom: 1px solid #AAAAAA;
border-right: 1px solid #AAAAAA;
display:block;
padding: 10px 10px;
padding-top: 20px;
margin: 10px 0 0 10px;
background:#997788;
font-family:"Courier New", Courier, mono;
-moz-border-radius: 15px;
}
CODE:hover {
background-color:#444966;
}
}

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

*注：请用HTML转换工具来转换您的代码，然后才将代码贴在Blogger里。不然< >里头的内容就会被Blogger的编辑器当成代码执行而不显示。
*注：去掉红色部分的代码可以使引用框成为直角。