2012年9月28日星期五

在Blogger首页显示文章摘要


如果一篇文章太长会将首页拉的很长,影响速度和美观.下面的方法可以让你的Blogger在首页只显示文章的部分摘要(请确认你已启用了贴子页),使用之前不要忘了将<>更改为半角字符
1.在 <style> 与 </style > 标记之间,添加如下代码来定义一个"fullpost"的类

<MainOrArchivePage>
span.fullpost {display:none;}
</MainOrArchivePage>

<ItemPage>
span.fullpost {display:inline;}
</ItemPage>



2.在模板中 <$BlogItemBody$>标记后的某个位置添加以下代码,以在贴子页上显示"阅读全文"链接

<MainOrArchivePage><br />
<a href="<$BlogItemPermalinkURL$>">阅读全文</a>
</MainOrArchivePage>
3.最后你要在每次发表文章的时候,添加如下代码<span class="fullpost"></span>
 文章的摘要写在语句之前,隐藏的部分写在中间


更新:以下内容 by Marcher
分享一个更为简便的显示摘要方法,让你的Blogger主页更美观

----------------------------------------------------------------
看到置顶帖
http://groups.google.com/group/bloggerspaces/browse_thread/thread/5c0...

里面有通过设置Style类来设置摘要的方法,但觉得每次写Blog都要单独写一段摘要,还要加上fullpost代码才行,有点麻烦。(人懒......没办
法)
我发现一个利用DIV和CSS的简单设置,可以做到截取每篇帖子的一部分显示在主页,和存档页,同样使页面整洁。

但是提前说明,这种方法只是"截取",实际上所有的帖子内容还需要统统下载,所以对提升页面的打开速度没有效果。只为整洁,不求速度......-_-|||

代码如下,请您自己根据情况修改:


<p>
<MainOrArchivePage>
<DIV STYLE="height:150px; border:0px; overflow:hidden;
text-overflow:ellipsis">
</MainOrArchivePage>
<$BlogItemBody$>
<MainOrArchivePage>
</DIV>......
<BR>
<a href="<$BlogItemPermalinkUrl$>"
title="阅读此帖子的完整内容,此地址也是该帖子的永久链接"><b>[阅读全文]</b></a>
</MainOrArchivePage>
</p>
上方的Div
Style标签里的Height就是设置每篇帖子限制的显示高度,使用MainOrArchivePage标签,生效于主页和存档页。

不要忘记将全角<>转换为半角

没有评论:

发表评论