Antlite Works

Blogger help上一篇教程“How can I create expandable post summaries?”介绍了怎样在blogspot文章显示“Read more”链接，但是，由于是在模板中修改，因此无论帖子是否需要截断，都会显示“Read more”链接。用jquery对教程做一些修改，可以很容易地实现只在需要的文章下显示“Read more”链接。

1. 从google ajax libraries api导入jquery。

<script src='http://www.google.com/jsapi'/>
<script>
google.load("jquery", "1.2.6");
</script>

2. 将教程中“<a expr:href=’data:post.url’>Read more!</a>” 改为
“<span class=’moreBtn’ style=’display: none’><a expr:href=’data:post.url’>Read more!</a></span>”

3. 在jquery导入语句后加入“Read more”链接显示代码。

<b:if cond='data:blog.pageType != "item"'>
  <script>
    $(document).ready(function(){
      $(".more").next(".moreBtn").show();
    });
  </script>
</b:if>

您可以到我的blogspot博客去看一下效果。别犹豫，试一下吧！