这个技巧不仅让你可以在存档/标签页显示标题,而且会在每个标题的前面显示一个[+/-]符号,只要单击就会在当前页展开/收缩内容。相信这会让读者更容易的找到自己所想要的东西。
1.保存这个脚本文件,上传到自己的空间,如Google pages等。这个脚本在以前的收缩/展开文章中用过,如果你已添加,可直接跳到第三步,建议重新下载再上传一次,内容可能有变化。
2.在Head之间引用脚本文件,添加下面代码:
<script type='text/javascript'
src='脚本文件地址' />
3.确保已经展开Widget,然后搜索非红色的代码,在相应的位置,把下面的红色部分添加到代码中。最后保存。
<b:includable id='PeekABooPost' var='post'> <div class='post uncustomized-post-template'> <table><tr> <td width='40px'> <a href='javascript:void(0)' title='Expand/collapse this post' style='text-decoration:none' expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"'>[+/-]</a> </td> <td> <h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3> </td> </tr></table> <div class='post-body' expr:id='data:post.id' style='display:none'> <p><data:post.body/></p> <div style='clear: both;'/> <!-- clear for photos floats --> </div> </div> </b:includable>
<b:includable id='main' var='top'>
<!-- posts --> <div id='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType != "item"'> <b:include data='post' name='PeekABooPost'/> <b:else/> <b:include data='post' name='post'/> </b:if> <b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.allowComments'> <b:include data='post' name='comments'/> </b:if> </b:if> </b:loop> </div>
5 条评论:
谢谢咖啡鱼的分享,受教了。
折腾我的Blog的时候参考了这里很多的文章,啥也不说了,都在心里面……
为什么我试了这个 却不成功。。。
我想请教一下
如果我的
h2 class='date-header' data:post.dateHeader/ /h2
不再这行里面的话
我使用这个方法不成
一定要在里面吗
如果不再里面我的blog仍能正常显示
但是加了代码之后就不能了
请问如果没有适合的空间上传那个脚本
可以把那个脚本写进代码里吗?
发表评论