长篇大论的文章，在别的博客里都是自动折叠的，谷歌博客尽然不提供这样的功能！真是太不把我们菜鸟当鸟了。网上查找了好多文章，风格大多是一致的，四个字概括--不知所云。那些作者们一定有情报加密学的天赋啊，很擅长用大白话的中文写出大部分中国人都看不懂的说明性文章来。
后来终于在一个叫“GG派”的牛人博客里找到了相关文章，惊喜激动兴奋之后，严格按照里面的步骤做，结果是第一步就过不去。唉……
下面我翻译一下“GG派”的说明书，希望能够达到和杜甫的诗一样的入门级别，欢迎菜鸟们踊跃留言提出疑问，越白痴越好。另外，有时间的话顺便点击一下本页面右上角的那啥...
第一步.首先进入博客设置的布局页面，点击“修改 HTML”标签，你会看到一个代码编辑框。找到关键字<head>（就在头起十行以内），然后再<head>行的上面插入以下代码行：
<!-- Begin 文章折叠-代码追加 - 第一步 -->
<script type='text/javascript'>
var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}
function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}
function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}
</script>
<!-- End 文章折叠-代码追加 - 第一步 -->
代码添加完之后，点击“保存模板”按钮，然后紧接着点击这个代码编辑框右上角的“扩展窗口小部件模板”前面的小方框，让它打勾。（这时代码会自动改变，但是不要点保存）
第二步.紧接着需要在代码编辑框里面修改三个地方。我们可以直接在编辑框里修改，也可以“Ctrl+A”把代码全部拷贝出来，粘贴在记事本里修改。
首先需要定位下面这一行：
<b:includable id='post' var='post'>然后，接下来需要修改的三个地方就很容易找到了。
我先把示例的代码片段贴出来，你需要把下的红色字体代码添加到你的代码中，共三处不要漏掉。难度还是在定位问题，不能保证下面的示例代码与你的完全相同，所以要学会用关键字搜索。下面的绿色加粗字体就可以当作标志来定位要修改的地方。蓝色字体是注释解释，可以无视删掉。
<b:includable id='post' var='post'>
<!-- 上面这一行作为定位标志，下面的代码是第一处修改 -->
<!-- Begin 文章折叠-代码修改 - 第二步-1 -->
<div class='post hentry' expr:id='"post-" + data:post.id'>
<!-- End 文章折叠-代码修改 - 第二步-1 -->
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<!-- Begin 文章折叠-代码追加 - 第二步-2 -->
<b:if cond='data:blog.pageType == "item"'>
<!-- End 文章折叠-代码追加 - 第二步-2 -->
<!-- 上面的红字是第二处添加，下面的红字是第三处添加 -->
<data:post.body/>
<!-- Begin 文章折叠-代码追加 - 第二步-3 -->
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a href='javascript:void(0);' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'>查看全文…</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'>返回概要…</a></p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>
<!-- End 文章折叠-代码追加 - 第二步-3 -->
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
修改完成后，点击“保存模板”按钮。
第三步.保存完上面第二步修改了的三处内容后，点击“设置”切换到设置页面，进入“格式设定 ”子页面，在最下面的“文章模板”编辑框里面输入以下内容：
文章摘要（替换本段）
<span id="fullpost">
详细内容（替换本段）
</span>
最后.旧文章的折叠处理。
严格按照上面的三步设定修改完之后，新加的博文就应该是可以折叠的效果了，但是之前的旧文章样式还是老样子。对于篇幅较长一点的老文章，我们要把它折叠化处理也不难，在文章的编辑模式下点击“修改Html”，以便在代码可见的状态下进行编辑。不用害怕那么多尖尖角角的字母符号，你所要做的只是用一对<span id="fullpost"></span>来括住文章的最后部分你想要隐藏的那些文字，而把你认为是文章概要的部分在前面留出来。原则上说样式如下：
老文章段落1。 （当作概要）
<span id="fullpost">
老文章段落2。 （默认不显示的正文）
老文章段落3。
.........
老文章最后一段。
</span>
以上为什么说是原则上呢，因为实际在代码可见状态下做修改，一定要注意原有代码的配对问题。跟括号之间的配对关系一样，成对的代码可以嵌套但不能交错。也就是说，</span>(相当于一个右括号）不一定是要放在最最后面的，它只需放在所有文字（不包括代码）的最后面。
*没成功的留言，说清楚卡在哪一步
-- 全文完 --
8 条评论:
我也是blogger的用户，是从百度贴吧连接来这的，这个好像很好用，还能加点点击，我也去自己的试试，你有空也来我的blog看看啊http://realizesth.blogspot.com
总算学会了。。哈哈。在好多地方都找过。。。。
按照您的方法做了，但是在保存模版时失败，显示：
非常抱歉，我们无法完成您的请求。
向"Blogger 支持"报告此错误或在"Blogger 帮助组"中报告此错误时，请：
* 描述发生此错误时您在执行什么操作。
* 请提供以下错误代码和附加信息。
bX-h6kry1
其他信息
blogID: 177349407276410592
host: draft.blogger.com
uri: /html
此信息将帮助我们跟踪并解决您的问题！ 对由此带来的不便，我们深表歉意。
请问这样如何处理？
谢谢
谢谢了，找了很久了。但不知为什么“查看全文”和“返回概要”这两个显示的都是乱码。
我用的浏览器是google chrome 难道是浏览器的原因吗？
谢谢，按照您的方法成功实现文章折叠。
请问，你哪个显示全文功能是如何实现的？刚开始接触blogger，搞不太明白。怎么联系你呢？
全都依据以上做了 保存好了
但是我尝试发帖就是看不见效果 欲哭无泪T.T
发表评论