Blogger beta技巧:存档/标签页仅显示标题

这个技巧不仅让你可以在存档/标签页显示标题,而且会在每个标题的前面显示一个[+/-]符号,只要单击就会在当前页展开/收缩内容。相信这会让读者更容易的找到自己所想要的东西。

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的时候参考了这里很多的文章,啥也不说了,都在心里面……

godkind 说...

为什么我试了这个 却不成功。。。

Rae Liu 说...

我想请教一下
如果我的
h2 class='date-header' data:post.dateHeader/ /h2
不再这行里面的话
我使用这个方法不成

一定要在里面吗

如果不再里面我的blog仍能正常显示

但是加了代码之后就不能了

匿名 说...

请问如果没有适合的空间上传那个脚本
可以把那个脚本写进代码里吗?