Google Blogger 首页显示文章摘要的方法 (ZT)

Google Blogger 是我最喜欢的免费日志托管服务商, 我也曾经发表了几篇关于Blogger 使用技巧的文章(自定义域发布Google Blogger, Google Blogger文章标题优化以及Google Blogger 模板资源搜集), 如果不是伟大的GFW, 我想现在的Sino Blog 很可能就是Powered by Blogger了.

好了, 正传言归, 今天要和大家分享又一个Blogger 使用技巧: 实现Blogger 首页摘要显示.

默认的Blogger 首页日志是全文输出的, 这对于文章内容较长的博客来说很不方便, 之前我在网上找了很多关于如何实现Blogger 首页显示摘要的文章, 包括Blogger Help Center 这篇 How can I create expandable post summaries? 文章, 可是按照他们说法, 我最终都没有成功, 今天在唧唧歪歪的Google 后花园找到了解决办法. 原文链接在这里, 可是这个页面无法打开, 所以我就转载到这里:

步骤一: 启用”帖子页”的功能.

转到后台“设置” - “存档”页面, 将“启用帖子页?”修改为“是”, 如果已经改好, 则跳过这一步.

步骤二: 修改Blogger的模板.

转到“布局” - “修改HTML”页面, 勾选“扩展窗口小部件模板”, 使用快捷键Ctrl+F 查找到 </b:skin>标签, 在该标签后面增加如下代码:

1. <b:if cond='data:blog.pageType == "item"'>


2. <style type='text/css'>


3. span.fullpost {display:inline;}


4. </style>


5. <b:else/>


6. <style type='text/css'>


7. span.fullpost {display:none;}


8. </style>


9. </b:if>

找到

1. <data:post.body/>

, 将

1. <data:post.body/>

这条代码替换为:

1. <b:if cond='data:blog.pageType == "item"'>


2. <data:post.body/>


3. <b:else/>


4. <data:post.body/>


5. <br/><a expr:href='data:post.url'> 阅读全文...</a>


6. </b:if>

步骤三: 设定文章模板

转到“设置” - “格式设定”页面, 在“文章模板”框中加入如下内容, 然后保存设置。

1. 本文摘要部分...<span class="fullpost">帖子的其余部分</span>

以后在发表新文章的时候, 将帖子内容过长的部分用

1. <span class="fullpost"></span>

这对标签包裹住, 这样被包住的内容就不会在首页显示.

至此, 实现了Blogger 首页文章摘要显示.