2009年2月16日星期一

强化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瞎折腾


收藏本文
收藏到

0 评论:

发表评论