如何在blogger首页中显示文章摘要

　　可能是习惯了本来的163博客，总喜欢只在首页中显示文章的摘要，点击后再看全文。可惜blogger是不支持这样的功能的。幸而他自由，可以自己添加这样的功能。
　　在好几个朋友那里寻求帮助，最终实现了效果。并且自己修改了部分代码，能够在新窗口中打开全文页面。
　　首先，还是要对模板做好备份。

　　在head中引用以下js文件。这个js文件是温柔菜刀朋友的，实现的效果实在摘要后显示“阅读全文”，点击后在当前页面打开折叠的全文，在首页中可以折叠所有文章，也可以打开所有文章。

<script type='text/javascript' src=' http://liubin.googlecode.com/files/hackosphere.js' /><br />

　　但是如果需要实现我博客中在新窗口中打开全文页面的效果，则必须要如“如何让blogger在新窗口中打开链接”中所说引用我的那个js文件。如下：

<script src=' http://freelydave.googlecode.com/files/blank3.js' type='text/javascript'/>

　　然后在你的模板(确定已选中 扩展窗口选项)中找到ID为"Post"的includable,会看到下面类似的代码,并进行替换。

<b:includable id='post' var='post'> <br /><div class='post' ><br /><a expr:name='data:post.id'/>

　　替换为

<b:includable id='post' var='post'> <br /><div class='post' expr:id='"post-" + data:post.id' ><br /><a expr:name='data:post.id'/>

　　找到

<div class='post-header-line-1'/><br /><div class='post-body'><br /><p><data:post.body/></p><br /><div style='clear: both;'/> <!-- clear for photos floats --><br />

　　替换为：

<div class='post-header-line-1'/><br /><div class='post-body'><br /><b:if cond='data:blog.pageType == "item"'> <br /><p><data:post.body/></p><br /><b:else/><br /><style>#fullpost {display:none;}</style><br /><p><data:post.body/></p><br /><span id='showlink'><br /><p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>阅读全文...</a></p><br /></span><br /><span id='hidelink' style='display:none'> <br /><p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>阅读概要...</a></p><br /></span><br /><script type='text/javascript'>checkFull("post-" + "<data: post.id/>")</script><br /></b:if><br /><div style='clear: both;'/> <!-- clear for photos floats --><br /></div>

　　如果想要实现我博客上在新窗口中打开全文页面的效果，则需要将代码替换为（利用这样的效果，首页上所有文章均保持折叠状态，当然，没做折叠效果的文章除外，这样就保证了首页的干净清爽）：

<div class='post-header-line-1'/><br /> <div class='post-body'><br /><b:if cond='data:blog.pageType == "item"'><br /> <p><data:post.body/></p><br /><b:else/><br /><style>#fullpost {display:none;}</style><br /><p><data:post.body/></p><br /><span id='showlink'><br /><p><a expr:href='data:post.url' rel='external'>阅读全文...</a></p><br /></span><br /><script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script><br /></b:if><br /> <div style='clear: both;'/> <!-- clear for photos floats --><br />

　　二者任选其一，切勿搞错。
　　然后，在“设置－＞格式设定－＞文章模板”中添加以下代码

摘要部分<br /><span id="fullpost"> <br />隐藏部分<br /></span><br />

　　今后如果文章比较长，就可以在写博客的时候将摘要部分写在“摘要部分”的位置，另外的内容写在“隐藏部分”。如果文章较短，删除上述代码写博客即可。
　　全文完。