google.load("prototype", "1.6");

Wednesday, July 18, 2007

blogger:简单地实现收缩/展开文章

        记得以前介绍过 收缩/展开文章,增加“阅读全文”选项,不过该文用到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 -->

        其它的用法请参照 收缩/展开文章,增加“阅读全文”选项

1 留言:

X said...

升级通知:
最近我想回到就这个简单的用法好像没成功,以前可以的不知道是不是我的模板有问题,好久不用好多都更新了,后来又发现了一段新的,不妨试试,只是把第二段的代码换成下面的就可以了。
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>阅读全文>>></a>
</b:if>
</b:if>

Post a Comment

Creative Commons License© 2007-2023 乐天士 --您是第 位浏览者--↑页首
悦来客栈 by sisea is licensed under a Creative Commons 署名-非商业性使用-禁止演绎 2.5 中国大陆 License.