2008年12月24日星期三

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


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>

标签, 在该标签后面增加如下代码:
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
span.fullpost {display:inline;}
</style>
<b:else/>
<style type='text/css'>
span.fullpost {display:none;}
</style>
</b:if>

找到
<data:post.body/>

, 将
<data:post.body/>

这条代码替换为:
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<data:post.body/>
<br/><a expr:href='data:post.url'> 阅读全文...</a>
</b:if>

步骤三: 设定文章模板
转到"设置" - "格式设定"页面, 在"文章模板"框中加入如下内容, 然后保存设置。
本文摘要部分...<span class="fullpost">帖子的其余部分</span>

以后在发表新文章的时候, 将帖子内容过长的部分用
<span class="fullpost"></span>

这对标签包裹住, 这样被包住的内容就不会在首页显示.
至此, 实现了Blogger 首页文章摘要显示.
效果可以参见我的蓝兔网志, 如果无法打开, 可以使用我的在线代理翻墙, 最后, 还是要非常感谢唧唧歪歪同学.
本文来源于Sino Blog http://www.sinoblog.org/ , 原文地址: http://www.sinoblog.org/2008/11/google-blogger-create-expandable-post-summaries.html

没有评论:

发表评论