4/24/2007

怎样在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"'><br />
<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.
查看英文帮助原文

标签：

发表者WebGuru - 网络精灵 于 12:12:00   查看评论 固定链接  

谢谢你对本文的兴趣和阅读，由于此博客已转为我的镜像博客网，所有文章的评论功能已经取消。如果你想就此文发表评论， 请按此连接到我的主博客站，然后将你的评论发表到相应的文章后面。若需要帮助来寻找 到相应的文章，请试着用相同的文章标题进行搜索。

<< 主页