如何在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 />

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

如何让blogger在新窗口中打开链接

　　或许是外国人尊重浏览者习惯吧，blogger默认所有链接都在当前窗口中打开。不过这对于我来说是极其不方便的，因为网速不够，通常需要同时打开好几个窗口，哪个开了就看哪个，要是一次只能开一个窗口，那也够痛苦的。
经过几次试验，终于实现了这样的功能。用的是 rel='external'这段语句。不过跟几个blogger上介绍的稍有不同。
相信这样的修改之后，对于浏览者或者博主，都是更方便的。
　　介绍如下。
　　修改之前，一定要做好模板备份！

　　要实现在新窗口中打开，需要javascript支持，可以把如下一段代码保存为js文件，并上传到网页空间（google pages 经常被封，不建议使用）。

function externallinks() { <br /> if (!document.getElementsByTagName) return; <br /> var anchors = document.getElementsByTagName("a"); <br /> for (var i=0; i<anchors.length; i++) { <br /> var anchor = anchors[i]; <br /> if (anchor.getAttribute("href") && <br /> anchor.getAttribute("rel") == "external") <br /> anchor.target = "_blank"; <br /> } <br />} <br />window.onload = externallinks;

　　或者直接引用我的js文件，方法是在head中间添加如下代码

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

　　确保“扩展窗口小部件模板”已经选上，并在需要的链接部分作如下修改：

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

　　修改为（即在链接之后添加rel='external'这段语句）

<a expr:href='data:post.url' rel='external'>

　　保存模板，便大功告成。