强化Blogger的引用功能

再次在GG圈(貌似挂了，我是用Google快照看的)上学到一招——强化Blogger的引用功能。

该技巧有以下优点：
1.突出显示引用区，使引用区更加明显，比如我的模板引用区就非常不明显，现在好多了。
2.能直接在引用区内打出“<”和“>”，不用再麻烦得用代码代替了，（但是如果涉及到Html代码就无效了，真无奈）。
3.有CSS知识的可以自己美化。我不太懂所以只改了几个颜色代码配合下整体的色调。

演示：
能直接打<和>就是爽:)

方法：（修改前务必备份模板！）

在“布局”的“Html”中查找：
]]<>/b:skin>
在其上方添加如下代码：

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:#F5F5F5;
font-family:"Courier New", Courier, mono;
-moz-border-radius: 15px;
}
CODE:hover {
background-color:#F7FEDC;
}


*注：去掉红色部分的代码可以使引用框成为直角。

保存模板就小功告成了。

以后，将要显示这个引用区修饰的位置放在<code>和</code>中间即可。比如：

<code>能直接打<和>就是爽:)</code>



-------------------------------------------------------------------------------------
以上图片和文字均为原创，转载请注明转自Luke瞎折腾！

收藏本文