BloggerBeta-帖子“摘要/全文”切换插件

Ramani 和Hans这两个可爱的家伙将"帖子'摘要/全文'切换"这个插件（抱歉，我是我给他们的名称，他们成为Peak-A-Bee Posts Hack）优化到Super（超级） Peek-A- Boo posts Hack 版本了。
这个插件的功能，就是让你在当前窗口下，将帖子在"摘要"与"全文"间切换。而优化后的版本更人性化一些了——如果你的某个帖子没有设置摘要，那"Read more..."阅读全文的链接也就不会出现在你的帖子下面……

就象你看到的这个帖子一样，起初它以摘要的形式出现在我的页面上，在这个摘要的后面跟随着"Read more..."的链接。点击这个链接，你可以顺利实现这个帖子在摘要和全文之间的切换。而我的另外一些帖子，它们的下方并没有"Read more..."的链接，这是因为我在发布的时候没有给它设置摘要功能。
好了，开始动手吧。

准备工作：
将你的模板备份。

第一步：
将下面javascript代码置入Head中。就放在</head>上面好了。


<script type='text/javascript'
src='http://icomesee.googlepages.com/hackosphere.js' />
第二步：在模板中找到名为post的那段代码，将其更换为（红色部分是你添加的部分）：

<b:includable id='post' var='post'>
<div class='post'>
<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' expr:id='"post-" + data:post.id'>
<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>

.... rest of template code ....



然后保存模板
第三步：
在设置Settings -格式 Formatting面板中设置好下列帖子模板。



Type your summary here.
<span id="fullpost">
Type the rest of your post here.
</span>


好了，从现在起你的帖子书写框内会有一个默认的Fullpost-span。如果你的帖子比较短，你将这个<span>-tags删掉好了，帖子在页面呈现的时候，下面不会有"Read more..."或是"Summary only"的链接出现了。
－－－－－－－－－－－－－－－－－－－
注：本方案采自 Hans 。英文原文详见
Super Peek-A-Boo Posts
本插件 和Ramani 和 Han s两人共同完成的，在他们的原始代码中引用了一个.js文件，这个文件是由Ramani放在 http://www.anniyalogam.com内的，而这个网址在国内似乎被屏蔽。我将这个代码文件下载下来放在googlepages里了，上面的代码就是更改的结果。
请到作者的blog学习更多的Hack for BloggerBeta。