2007年4月24日 04:12 pm
怎样在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.
【前一篇】： 怎样隐藏、去掉blogger自带的navbar搜索工具条 »
【后一篇】： 网络始创公司 Tumri 让你自己设计交互式网站广告 AdPod »
欢迎光临超凡工作室的中文网络日记【超凡博俗】之 IT 博客系列【数码人生】，由WebGuru[网络精灵]维护管理 Powered by 
【超凡博俗 之 数码人生】 » Blog Archive » 如何实现在blogger摘要功能看全文时直接跳到文章的摘要部分之后 on 29 Jun 2007 at 12:44 am #
[...] - 怎样在blogger首页显示文章的摘要并点击后显示全文 或英文的帮助文献 How can I create expandable post summaries [...]
死的蚊 on 18 Oct 2007 at 10:22 pm #
谢谢
[
Reply ]
WebGuru on 18 Oct 2007 at 11:48 pm #
不客气！
[
Reply ]
sss on 23 Jun 2008 at 11:05 pm #
他说：
由于格式错误，我们无法解析您的模板。请确保所有 XML 元素均已正确结束。
XML 错误信息：Open quote is expected for attribute “{1}” associated with an element type “cond”.
怎么办？
[
Reply ]