2009年5月11日 星期一

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

闲话少说,如果想让Google Blogger的博客首页显示文章摘要,可以按照下面的步骤去做。但最好提前备份模板。

第一步:启用”帖子页”的功能
进入后台的“设置” => “存档”页面, 确认“启用帖子页?”修改为“是”。

第二步:修改blogger模板,在</head>前加入代码
“布局” => “修改HTML”页面, 勾选“扩展窗口小部件模板”。找到</head>,在之前添加如下代码:

  • <!-- 隐藏文章内容 -->
    <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>
第三步:修改blogger模板,替换<data:post.body/>
仍然在“修改HTML”页面,找到<data:post.body/>的代码,并将其替换为如下代码:

  • <b:if cond='data:blog.pageType == "item"'>
    <data:post.body/><br/>
    <b:else/>
    <data:post.body/>
    <br/><a expr:href='data:post.url'>阅读全文... </a>
    </b:if>
第四步:修改文章模板
“设置” => “格式设置”页面,在“帖子模板”框中加入如下内容:
  • 此处为文章摘要部分<span class="fullpost">此处为文章其他部分</span>
然后保存。每次写文章的时候,把文章的摘要部分写在“此处为文章摘要部分”的位置,把文章的其他部分写在“此处为文章其他部分”的位置即可。


1 评论: