怎样在blogger首页显示文章的摘要并点击后显示全文

最近同时使用blogger的新版和旧版,并进行一定的模板改动。比方说使 blogger 的工具条消失,和显示文章的摘要和继续阅读链接等。开始点是blogger自己的帮助文件,如果你看了它上面的文章(见我下面的连接),一般来说是没有问题的,尤其是对付老版博客。但是我今天在改动新版模版是走了一些弯路。在此特意与大家分享。

难点一:css原码放的位置。

按照帮助文件,主要是要用一个显示/隐藏的style,原码是

<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>

但当我将它放到 <b:skin><![CDATA[/* ]]></b:skin> 标签之中时,这个条件判断不会起作用,因为 <b:skin> 整个代码用 <![CDATA[/* ]]> 包了起来。 如果你移出到 [[CDATA]] 之外但还是在 skin 里,你会收到错误信息说 <b:skin> 里面只能有 <![CDATA[/* ]]> 代码。

所以,正确的做法是另用一个style标签来实现。下面是我的代码,他们应该在 <head> </head>之类就行了。

<style>
/* Code to show/hide post------- */
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
/* End of code to show/hide post ------ */
</style>

难点二:看全文的连接的位置。

按照帮助文件,应该在主页的每个帖子的下面放上这样的代码,让读者可以接着读全部原文。

<b:if cond='data:blog.pageType != "item"'>
<a href="<data:post.url>">Read more!</a>
</b:if>

但每当我将它 post widget 后面时,一保存上面这段代码就奇怪地消失了。后来才知道我只能选中 Expand Widget Templates 选项,然后才能将上面那段代码放到 后面也就是post widget的中间才行。

难点三:链接的显示错误。 最后就是我老是被告知 <a href="<data:post.url>">Read more!</a> 在layout的HTML view是不允许的,经过一定的研究,只好将它修改成 <a expr:href='data:post.url'> 才可以。 所以,希望你们多加留心这新旧版本的区别。

English Keywords: google, blogger, blog hacks, tips, post summary, hide/show posts.

查看英文帮助原文

5 Responses to “怎样在blogger首页显示文章的摘要并点击后显示全文”

  1. sss

    他说:
    由于格式错误,我们无法解析您的模板。请确保所有 XML 元素均已正确结束。
    XML 错误信息:Open quote is expected for attribute “{1}” associated with an element type “cond”.
    怎么办?

    [Reply]

    超凡不脱俗 于 June 24th, 2008 回复:

    注意一下双引号和单引号的位置。文章里以前的代码应用出现了乱码,刚才已经重新改了一下,你可以再试一次。

    [Reply]

Leave a Reply

Your email address will not be published. Required fields are marked *