2008年7月30日星期三

扩展blogspot的read me链接

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>


别犹豫,动手吧!

没有评论: