Blogger第三方阅读全文功能

方法获自这篇文章。

其实阅读全文功能Blogger本身是已经拥有的了，不过为什么我不使用官方的阅读方法呢？最主要的原因是因为第三方阅读全文功能有一个好处，我可以随意隐藏任何一段文字，这是官方的阅读功能做不到的。

所以我依然继续使用这个方法，而如果使用非官方模板的朋友，依然要使用官方的阅读方法的话，可以到这里查看添加方法。

至于为什么需要这个功能呢？其实很简单，就是不要让你的首页拉的太长，尤其是如果你写了一篇很长的文章的话，用这个功能就能够控制你的首页的长度了。

添加方法如下：

1. Blogger后台——设计——修改HTML——勾选“扩展窗口小部件模板”（记得先备份模板）。

2. CTRL + F找寻</head>，然后在这之前添加以下代码：

<!-- 隐藏文章内容 -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
span.fullpost {display:inline;}
</style>
<b:else/>
<style type='text/css'>
span.fullpost {display:none;}
</style>
</b:if>


注意事项：接下去的步骤，如果没有使用Blogger官方模板的页面功能者请看3a；至于有使用Blogger官方模板的页面功能者请看3b

3. 接着再次CTRL + F 找寻<data:post.body/>，然后把整段替换成以下代码：

（a）没有使用Blogger官方模板的页面功能者

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/><br/>
<b:else/>
<data:post.body/>
<br/><a expr:href='data:post.url'>阅读全文……</a>
</b:if>


红色那段可以随你喜欢改去你认为适合的文字或图片。

（b）有使用Blogger官方模板的页面功能者

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/><br/>
<b:else/>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<data:post.body/>
<br/><a expr:href='data:post.url'>阅读全文……</a>
<b:else/>
<data:post.body/><br/>
</b:if>
</b:if>


红色那段可以随你喜欢改去你认为适合的文字或图片。

至于为什么有不同的代码，这是因为Blogger的页面代码和文章代码是不一样的，所以需要加多一个判别式好避免在页面处也添加“阅读全文……”的链接。

4. 保存！

5. 每次写文章的时候，在“修改HTML”的情况下，在你要隐藏的部分添加<span class="fullpost"></span>，例子：<span class="fullpost">我是要被隐藏的内容！</span>

6. 可能也有人认为每次都要键入<span class="fullpost"></span>很麻烦，其实如果你想省麻烦的话，可以到Blogger后台——设置——格式设置，然后向下移动找寻“帖子模板”，在提供的位置处把这段代码放进去。然后保存设置。这样一来，每次“新建帖子”的时候就会自动出现这段代码了。

效果可以在本部落首页观赏。


进一步查看我的其它网站