2006-08-13

折叠Blogger

将首页的帖子折叠起来,只显示帖子的摘要,这样可以让首页显得干净,加载起来也更快。就像8个圈圈这样,哈哈!

实现后的效果就是现在8个圈圈上的这个样子,首页只有文字,图片和视频都被折进去了。至于怎样折叠?点全文吧!

和当初想给8个圈圈分类一样,我尝试过n种方法,最终还是觉得Blogger自己提供的方案最合适(子曰:自己的孩子自己最了解)。我下面所说的都是Blogger帮助里有的,喜欢翻原版请看如何创建可扩展的帖子摘要?

原理这种东西太高深,我就不说了(一是不懂,二是说不明白),简单的说下怎样实现折叠的效果:

1.将下面的代码放到<style> 与</style>
<MainOrArchivePage>
span.fullpost {display:none;}
</MainOrArchivePage>

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

2.在<$BlogItemBody$>后添加下列代码
<MainOrArchivePage><br />
<a href="<$BlogItemPermalinkURL$>">Read more!</a>
</MainOrArchivePage>
可以对它进行一些个性化的更改,比如把“Read more!”改成“全文”

3.在帖子模板中添加
<span class="fullpost"></span>
如果不嫌累的话可以在每次编辑或者撰写帖子的时候手工添加。

发帖时把需要隐藏的文字(这些文字将不出现在帖子首页)放在<span class="fullpost">与</span>之间。搞定,这样你就可以随意折叠你的Blogger了。


更新:以上方法只适用于旧版Blogger,新版Blogger可以参考:
Blogger-Beta Hack之“折叠Beta——显示摘要”
和你的帖子玩Peek-a-Boo——另一种全文|摘要显示方式

6 个说法:

Ming 说...

非常感谢你的热心回答,我已经弄好了~~
Blogger Help中的美式中文是在看不明白,看了你的文章,真是茅塞顿开~~
欢迎来我的blogger:http://lindowsxfm.blogspot.com

坚硬的泡沫 说...

客气客气!大家互相交流

zikite 说...

折叠成功,不过没有折叠的文章后面也会出现"阅览全部“的链接
http://dengfengblog.blogspot.com/

坚硬的泡沫 说...

这是该方法最大的不足之处,希望有高手能够解决

匿名 说...

谢谢你啦!!解释得很详细!!

匿名 说...

8客气,欢迎常来

HOW TO: 怎样生成自己的标签云

搜索此博客