记得以前介绍过 收缩/展开文章,增加“阅读全文”选项,不过该文用到jave的,如果你不想用下载那段jave代码,只要简单的实现收缩/展开文章的功能,可以试试下面的代码,因为没有那么多的代码要下,可能界面打开的速度会快点吧。
第一步,首先进入后台,打开扩展窗口小部件模板。备份模版,然后找到下面这段代码。<div class='post-body'>
在它的下面粘贴这段代码<!-- post summary hack begin -->
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<!-- post summary hack end -->
第二步:再紧接着寻找这段代码<p><data:post.body/></p>
在它的下面粘贴这段代码<!-- post summary hack begin -->
<a expr:href='data:post.url'>阅读全文...</a>
</b:if>
<!-- post summary hack end -->
好了粘贴完那段代码后,出现的全部样式如下:<div class='post-body'>
<!-- post summary hack begin -->
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<!-- post summary hack end -->
<p><data:post.body/></p>
<!-- post summary hack begin -->
<a expr:href='data:post.url'>阅读全文...</a>
</b:if>
<!-- post summary hack end -->
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
如果你想点击“阅读全文”选项后在新的窗口打开页面,只需小小的改动添加target='_blank'就好了代码如下:<!-- post summary hack begin -->
<a expr:href='data:post.url' target='_blank'>阅读全文...</a>
</b:if>
<!-- post summary hack end -->
其它的用法请参照 收缩/展开文章,增加“阅读全文”选项
Wednesday, July 18, 2007
blogger:简单地实现收缩/展开文章
Subscribe to:
Post Comments (Atom)
1 留言:
升级通知:
最近我想回到就这个简单的用法好像没成功,以前可以的不知道是不是我的模板有问题,好久不用好多都更新了,后来又发现了一段新的,不妨试试,只是把第二段的代码换成下面的就可以了。
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>阅读全文>>></a>
</b:if>
</b:if>
Post a Comment