如何在Blogger首页只显示文章的摘要内容

Blogger没有提供文章摘要功能，不过可以通过脚本实现类似功能。具体制作分为三步：
（例牌声明一下，修改Blogger模板前，请先备份！切记！！！）

一是在<./head>前加入如下代码：
<!– 隐藏文章内容 –>
<b:if
cond=’data:blog.pageType == “item”‘>
<style
type=’text/css’>
span.fullpost
{display:inline;}
</style>
<b:else/>
<style
type=’text/css’>
span.fullpost
{display:none;}
</style>
</b:if>

二是每次写文章时，将要隐藏的部分放在<span
class=”fullpost”></span>内（在Html编辑模式下）。比如要隐藏“隐形人”的话，就这样：
<span
class=”fullpost”>隐形人</span>
以上已经实现隐藏功能，但还是有点欠缺，用户会以为文章已经结束了。所以还要进行最后一步美化工作，在文章结尾加上“阅读全文”的链接（该链接会在首页所有文章尾部加上）。
当然，大家也知道Blogger网站，在后台也只有一个文件，假如就直接加上链接的话，那打开文章后，还会有“阅读全文”的尾巴。为了去除这个尾巴，需要多加个判断，继续往下看：
先找到模板中原来文章显示的代码，类似<data:post.body/>，将其换成如下代码：
<b:if
cond=’data:blog.pageType ==
“item”‘>
<data:post.body/><br/>
<b:else/>
<data:post.body/>

<br/><a expr:href=’data:post.url’>阅读全文…
</a>
</b:if>
如无意外，可以收工了！

经测试可行的另外一个办法：
1.到Blogger的控制(後台)頁面
2.範本->網頁元素
3.按下「加入網頁元素」，出現可用的網頁元素清單
4.找一個名稱為「
HTML/JavaScript」，按下「加入BLOG」，會進入設定的頁面
5.「標題」欄位，請填入
##EasyReadMore##
6.「內容」部份，請複製以下程式碼填入

<script
src=”http://cjh829-easy-read-more.googlecode.com/files/jquery-1.2.1.pack.js”
type=”text/javascript”></script>
<script
src=”http://cjh829-easy-read-more.googlecode.com/files/cjh829-easy-read-more-2.1.0.js”
type=”text/javascript”></script>
<script>
EasyReadMoreSettings.Enabled
= true;
EasyReadMoreSettings.Read_More_Mode =
‘mix’;
EasyReadMoreSettings.Mode_Auto_MaxLine =
3;
EasyReadMoreSettings.Mode_Custom_Tag_Type =
‘text’;
EasyReadMoreSettings.Mode_Custom_Tag_Expr =
‘##ReadMore##’;
EasyReadMoreSettings.Link_Style =
‘directlink’;
EasyReadMoreSettings.Link_Text =
‘…继续阅读;
EasyReadMoreSettings.Link_Text_title =
‘继续阅读;
EasyReadMoreSettings.Collapse_Link_Text =
‘显示摘要…’;
EasyReadMoreSettings.Collapse_Link_Text_title =
‘显示摘要;
EasyReadMoreSettings.Collapse_MoveToEnd =
false;
EasyReadMoreSettings.Index_Page_Style =
‘abstract’;
EasyReadMoreSettings.Tag_Page_Style =
‘title’;
EasyReadMoreSettings.Archive_Page_Style =
‘title’;
EasyReadMoreSettings.Controller_Enabled =
true;
EasyReadMoreSettings.Controller_Default_Position =
true;
EasyReadMoreSettings.Controller_Splitter = ‘ |
‘;
EasyReadMoreSettings.Controller_Full_Text =
‘完整’;
EasyReadMoreSettings.Controller_Abstract_Text =
‘摘要’;
EasyReadMoreSettings.Controller_Title_Text =
‘標題’;
EasyReadMoreSettings.ShowFullPost_Tag =
‘##ShowAll##’;
</script>
<script>EasyReadMore.main()</script>

也可以将上述其中两行：<script
src=”http://cjh829-easy-read-more.googlecode.com/files/jquery-1.2.1.pack.js”
type=”text/javascript”></script>
<script
src=”http://cjh829-easy-read-more.googlecode.com/files/cjh829-easy-read-more-2.1.0.js”
type=”text/javascript”></script>
两个文件上传到你自己的空间，然后将地址改为自己的链接地址。

Related posts:

  1. 删除默认的Blogspot顶部导航条的方法 关于此问题，我搜索了很久，发现有以下几种解决办法：1、编辑模版，将下面代码放到＆lt;style type=”text/css”＆gt;后面即可。#b-navbar { height:0px; visibility:hidden; display:none}但我进入模板里找了半天，竟然未找到＆lt;style type=”text/css”＆gt;这部分代码，看来这一方案只有放弃了。 2、在”布局”中“页面元素”那里加入一个”HTML/JavaScript” Element，写入代码 ＆lt;style＆gt;#navbar-iframe...
  2. 在Blogger中加入搜索功能的代码 为了在自己的blogger博客中添加自己的搜索代码，您可以通过在“布局”的“页面元素”的侧边栏的位置（也可以在其他位置，看站长的喜好安排）点击“添加小工具”后选择“HTML/JavaScript”然后在内容栏内输入搜索代码即可。现笔者根据自己的经验提供如下两种代码方法：1、第一种方法：输入如下代码<form id=”searchthis” action=”http://gblog.org.ru/search” style=”display:inline;” method=”get”>  <input id=”b-query” maxlength=”x” name=”q” size=”y”...
  3. 在Blogger中加入搜索功能的代码 为了在自己的blogger博客中添加自己的搜索代码，您可以通过在“布局”的“页面元素”的侧边栏的位置（也可以在其他位置，看站长的喜好安排）点击“添加小工具”后选择“HTML/JavaScript”然后在内容栏内输入搜索代码即可。现笔者根据自己的经验提供如下两种代码方法：1、第一种方法：输入如下代码<form id=”searchthis” action=”http://gblog.org.ru/search” style=”display:inline;” method=”get”>  <input id=”b-query” maxlength=”x” name=”q” size=”y”...
  4. 点击广告才能进入网页的实现方法 现在很多朋友主页上都有广告条，原因很简单，如果广告条每被点击一次，那么商家将会给网站站长一定的报酬。如果要登录到你的网页上只能点击广告才能进的话，我想你的收入肯定能直线上升，用[url=javascript:;]PHP[/url]能很容易帮你实现。　　在客户端建立一个检查函数$Check()，判断是否已经浏览过广告，而通过函数$SetCookie()来将数据写入。而且利用Cookie还有一个好处就是如果没有设置数据的保存期限的话，那在关闭网页后所有的Cookie数据都会消失，如果想再次访问的话，那就只好再一次点击广告。 　　a.php 是一个带有广告条的网页，具体实现如下： ＜html＞＜body＞ ＜center＞//将下面显示居中 ＜﹖php echo \”请点击赞助厂商的广告条，谢谢支持!\”; echo \”＜a...
  5. 让blogger只显示文章摘要的方法 如何在Blogger首页只显示文章的摘要内容Blogger没有提供文章摘要功能，不过可以通过脚本实现类似功能。具体制作分为三步：（例牌声明一下，修改Blogger模板前，请先备份！切记！！！） 一是在前加入如下代码： span.fullpost {display:inline;} span.fullpost {display:none;} 二是每次写文章时，将要隐藏的部分放在内（在Html编辑模式下）。比如要隐藏“隐形人”的话，就这样：隐形人 以上已经实现隐藏功能，但还是有点欠缺，用户会以为文章已经结束了。所以还要进行最后一步美化工作，在文章结尾加上“阅读全文”的链接（该链接会在首页所有文章尾部加上）。当然，大家也知道Blogger网站，在后台也只有一个文件，假如就直接加上链接的话，那打开文章后，还会有“阅读全文”的尾巴。为了去除这个尾巴，需要多加个判断，继续往下看： 先找到模板中原来文章显示的代码，类似，将其换成如下代码： 阅读全文…...

以上关联文章由 Yet Another Related Posts Plugin 提供支持。