在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标签,生效于主页和存档页。

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

5 条评论:

ahom Kuo Yen-Hung 说...

hi 请问什么叫'确认以在帖子页'? 就是你在'发表新帖子'的地方吗?
谢谢
www.allaboutahom.com

咖啡鱼 说...

启用帖子页就是你的每篇文章有自己的独立地址,在设置里面有这个选项

Chen 说...

据大家的要求更新了一下我的那个方法,也希望在这里更新一下~
http://www.marcher.com.cn/2006/08/blogger.html

匿名 说...

这里有另外的方法,个人觉得更方便
http://netsay.yi.org/blog/2007/02/blogger.html

Tim's Blog 说...

请问代码加在哪里?给个具体教材啊。