Blogger beta收缩/展开文章

还记得以前的Blogger吧,为了防止首页太长我们会通过修改代码让文章收缩起来。这篇文章就是为实现这个功能而写,Just for Blogger beta!想看下面的文章吗?请点Read More。
Step0:备份你的模板:-)
Step1:开始吧,在<head></head>间添加以下代码,以引用脚本文件(其中的脚本文件建议自己保存并传到Google pages上去)
<script type='text/javascript' src='http://sunrrr.googlepages.com/hackosphere.js' />
Step2:在你的模板(确定已选中 Expand Widget Templates)中找到ID为"Post"的includable,会看到下面类似的代码,将红色的地方加到你的代码中.
<b:includable id='post' var='post'>
<div class='post'
expr:id='"post-" + data:post.id'>
<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>

<h3 class='post-title'>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

<div class='post-header-line-1'/>



<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>

<p><data:post.body/></p>

<b:else/>

<style>#fullpost {display:none;}</style>

<p><data:post.body/></p>

<span id='showlink'>

<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Read More...</a></p>

</span>

<span id='hidelink' style='display:none'>

<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Summary only...</a></p>

</span>

<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>

</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

Step3:找到Settings - Formatting,在最后的Post-template添加以下代码
摘要部分
<span id="fullpost">
隐藏部分
</span>

此Hack来自Hans&Ramani两个很有趣的人,Hans将这个叫做"躲猫猫"Post
在接下来的时间里,鱼会继续翻译一些国外的关于Blogger beta Hack的文章,欢迎关注,期待会带给我的朋友们一点帮助.

29 条评论:

黑咪 说...

诶,这是个好东西,正是我需要的,非常感谢鱼!!

Andy Wu (wonsore) 说...

请问,你的url转向是隐含还是不隐含的啊
我的andy.igpy.com转向到了wsblog.net
结果显示出来网页是对的,但url还是显示为andy.ipgy.com
而不是象你那样变成转向的网页地址。

谢谢。

此外,我的blog并没有受到转beta的邀请,那如果我自行开一个beta,如何将原来的文章都转移过去了?谢谢。

IwfWcf 说...
此评论已被作者删除。
IwfWcf 说...

We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Element type "a" must be followed by either attribute specifications, ">" or "/>".

这个是保存的时候的错误提示

咖啡鱼 说...

隐含表示显示的是你的域名,我用的是不隐含.
醉了,明天再回复

IwfWcf 说...

请问能解答我的问题吗?

咖啡鱼 说...

关于转换到Blogger beta在以前的Blog已有提到.请到http://sunr.blogspot.com/2006/09/bloggerblogger-beta.html查看,注意,这种转换是不可逆转的

IwfWcf 说...

..........楼主你无视我的存在啊

咖啡鱼 说...

请问你问得什么问题?收缩/展开的代码已经更新了。可以加我的Gtalk:coloor@gmail.com

IwfWcf 说...

我用你更新后的代码保存的时候出现
We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "b:includable" must be terminated by the matching end-tag "".

的错误

匿名 说...

这个还蛮有用的

你的友情链接中有个 教育技术思考 便过去看了看,怎么没一点思考……

zEUS. 说...

我遇到了和“IwfWcf”相同的问题...还请阁下指点..

咖啡鱼 说...

代码已经修改过了,不应该有问题。而且他也成功了,请再仔细检查是不是漏了什么,如果不行加我的Gtalk

咖啡鱼 说...

我又试了一次,代码完全正确。最好的办法就是把代码完全复制过去替代原有代码

IwfWcf 说...

我解决的方法是在源代码中添加红色部分,直接覆盖我才会出错.......

虚飞 说...

用了这个代码之后首页在IE之下第一个日志的时间和标题元素会显示为空白,滚动或者用鼠标选定这个区域之后会显示出来,是不是和其他代码有冲突啊?

Tong 说...

我显示了出摘要部分和隐藏部分,但是文章并没有收缩/展开。

还有第三步不太明白。

谢谢

咖啡鱼 说...

估计代码不会出问题。
第三步可以让你省下去记代码,每次新生成文章的时候,都会自动生成代码。

Tong 说...

这是我的Blog:http://tonghu.blogspot.com/

弄了一晚上了,结果还是一样,展不开,有空帮忙看一眼啥问题吧,谢谢~

Tong 说...

非常感谢你的耐心以及认真的帮助,现在已经弄好了。谢谢!

misty 说...

非常謝謝您的分享阿~我成功囉!!
好開心阿^^

匿名 说...

这个有没有适合旧版的blogger的代码啊,多谢了

贝尼晨恩 说...

搞了好久,终于弄好了,谢谢

依着随心 说...

弄到第三步就不会了,郁闷ing

WOW派 说...

到了第三步是有点难以理解。因为我按了第三步操作,在发表文章的时候会看到

摘要部分

隐藏部分


这一部分的字样,那么我应该将文章放在这堆代码的哪个位置?

就是这里无法完成!

麻烦帮忙!

http://wow.mvxh.com

谢谢!

依着随心 说...

弄了好久,总算完成了
在这里谢谢斑斓兄的文章了
把我自己弄好的也写了出来,如果刚来blogger的朋友看了这篇文章不会弄,也可以来看看我写的,完全针对新手呵呵。
http://www.freelydave.net/2007/06/blogger_10.html

匿名 说...

感激 。

笑比黄河清 说...

弄了很久才好,真是的。开始没有仔细看,没有选扩展。
现在算是成功,但是如果文字加了颜色或文章里有很多图片时。功能失效!不知道有办法解决吗?

Unknown 说...

请问下有没有什么方法直接在首页把所有文章(帖子)完全隐藏起来呢?谢谢