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

November 25th, 2008
Goto comments 720 views

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 查找到

  1. </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 首页文章摘要显示.

效果可以参见我的蓝兔网志, 如果无法打开, 可以使用我的在线代理翻墙, 最后, 还是要非常感谢唧唧歪歪同学.

博客心得 ,

  1. November 25th, 2008 at 16:04 | #1

    嘿嘿~ 这个是超有用的东西。以前曾动过念头要用Google Blogger但因为不能显示摘要就放弃啦~

  2. November 25th, 2008 at 17:32 | #2

    好像只是在首页把文章剩下的部分隐藏了. 其实还是WP这种在文中分隔摘要和全文的办法最好.

  3. November 25th, 2008 at 21:13 | #3

    我拿回去试试看,不知道行不行

  4. November 27th, 2008 at 13:01 | #4

    Hope Blogger’s not GFWed.

  5. fang
    December 5th, 2008 at 16:52 | #5

    能不能手把手教下,试了下还是不行啊

  6. December 6th, 2008 at 15:57 | #6

    @fang 不会吧,是不是你那个代码弄错了?

  7. December 9th, 2008 at 13:26 | #7

    每次写新文章都要添加吗?有点麻烦的说….

  1. No trackbacks yet.