2010年12月10日星期五

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后台——设置——格式设置,然后向下移动找寻“帖子模板”,在提供的位置处把这段代码放进去。然后保存设置。这样一来,每次“新建帖子”的时候就会自动出现这段代码了。


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

linfavourite signature
进一步查看我的其它网站

2 条评论:

  1. 这种方法,如果隐藏掉的部分只有文字的话还会,但如果有很多图片,对页面就是个负担了
    另外,官方的隐藏部分也是自己设置的啊?

    回复删除
  2. @Pstrey:官方的隐藏部分可以自己决定,不过仅可以某些段落之后的部分,不能像目前这个想隐藏那部分都可以。

    回复删除

LinkWithin

Related Posts Plugin for WordPress, Blogger...