Blogger beta的摘要

反复修改模版, 测试, 终于找到了写摘要的办法。

Blogger beta的模版和旧版的blogger完全不同, 条件CSS似乎不起作用, 在网上看到有人采用Javascript动态修改CSS属性, 以实现摘要方式. Javascipt是最糟糕的办法, 我的原则是, 尽量不要使用Javascript代码。通常情况下, 我使用Firefox + Noscript, Javascript完全不起作用, 而且非常讨厌使用Javascript。

不使用Javascript, 只是修改模版中post的输出方式, 完全可以做到, 而且更为简单。

首先在模版的style中增加三个CSS属性:

.readmore {text-align:right}
.fullpost {display:none;}
.itempage .fullpost {display:inline;}

然后在post feed links一节中, 把

<data:post.body>

替换为

<b:if cond='data:blog.pageType == "item"'>
<span class='itempage'>
<data:post.body/>
</span>
<b:else/>
<data:post.body/>
<b:if cond='data:post.url'>
<div class='readmore'>[<a expr:href='data:post.url'>read more</a>]</div>
</b:if>
</b:if>

修改模版以后,写blog时, 用<span class='fullpost'></span>将要隐藏的部分括起来即可。