2009年1月20日星期二

强化Blogger的文章引用功能

该技巧有以下优点:
1.突出显示引用区,使引用区更加明显,比如我的模板引用区就非常不明显,现在好多了。
2.能直接在引用区内打出“<”和“>”,不用再麻烦得用代码代替了,(但是如果涉及到Html代码就无效了,真无奈)。
3.有CSS知识的可以自己美化

演示:
无名客

方法:(修改前务必备份模板!)
在“布局”的“Html”中查找:
]]<>/b:skin>
在其上方添加如下代码:

CODE {
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
border-top: 1px solid #999999;
border-left: 1px solid #999999;
display:block;
padding: 10px 10px;
padding-top: 20px;
margin: 10px 0 0 10px;
background:#EEEEEE;
font-family:"Courier New", Courier, mono;
-moz-border-radius: 15px;
}
CODE:hover {
background-color:#FFFFFF;
}

*注:去掉红色部分的代码可以使引用框成为直角。保存模板就小功告成了。以后,将要显示这个引用区修饰的位置放在code和/code(自己加<>)中间即可 color:#FFFFFF;(背景颜色)


0 评论: