让Blogger显示摘要

让Blogger显示摘要

   十二月 04, 2011       MGT@blogger

---

让你的blog显示文章摘要，也就是每篇文章只显示预览。首先进入控制台，再依次点击“设置--模板--修改HTML”，然后勾选“ 扩展窗口小部件模板”（注意：这一步很重要）

1、在HTML模板中加入以下代码： .post-body2{ BORDER-RIGHT: 0px; BORDER-TOP: 0px; OVERFLOW: hidden; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; HEIGHT: 150px; TEXT-OVERFLOW: ellipsis; } 2、找到<p><data:post.body></p>改为以下代码： <b:if cond='data:blog.pageType == "item"'> <p><data:post.body/></p> <b:else/> <div class='post-body2'> <p><data:post.body/></p> </div>......<p> <a expr:href='data:post.url' title='阅读全文'><b>[阅读全文]</b></a></p> </b:if>

这样以后发帖就不需要选择显示部分了，自动截取一部分显示出来。 *如果想要列表中不显示摘要，第一步可以省略，第二步改为：

找到<p><data:post.body></p>改为： <b:if cond='data:blog.pageType == "item"'> <p><data:post.body/></p> </b:if>

效果见我的blog 注意：这个办法并非完全显示摘要，文章所有部分还是需要都下载下来，所以对速度并没有帮助，不过在blogger提供原生预览支持之前，我们不得不这样做，这个方法截取高度都一样，比较整齐，看起来还不错。另外还有一种方法的，但我觉得不好，比较烦琐。 后来我发现，这样其实很丑，所以我自己都不用了