Google Blogger首页实现摘要的方法

作者 Boleyn on 2010年11月8日星期一 标签：
     修改前请先备份模板，以防不测！
    Google Blogger首页实现摘要的方法，网上主要有以下几种方法：
    1、官方的方法：
     一：启用“文章页”的功能。请到控制台“设置”——“存档”页面，将“启用文章页？”修改为“是”。这个选项是为了生成一个静态（html）页面，这样做的好处就是可以大大加快访问的速度。

     二：修改Blogger的模板。请转到“修改 HTML”页面，在“ 扩展窗口小部件模板”前面的小框打勾，我们需要修改到模板。注意看清楚代码添加的位置。
找到</b:skin>这个标签，在该标签的后面增加如下代码：
<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>找到标签<data:post.body/>改为：
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<data:post.body/>
<br/><a expr:href='data:post.url'> 阅读全文...... </a>
</b:if>
     三：接着到设置/格式设定页面，在“文章模板”框中加入如下内容：     本文摘要部分.....<span class="fullpost">帖子的其余部分</span>然后保存设置。
     以后在发表新文章的时候，将帖子内容过长的部分用<span class="fullpost">与</span>这一对标签括着就可以了，首页、标签文章上就不会显示被括着的部分了。
     具体要多少字你就要你把多出的字用<span class="fullpost">与</span>括着了。。
      2、自动实现显示摘要
      摘要其实只是隐藏了，因此打开的时候可能会慢一点。具体方法见OceanBan的空间
      3、自动截取一部分实现
      这种方法有的时候会使你的文字显示半截。具体的可以调节"HEIGHT: 150px"中的数值。
      (1)在HTML模板中加入以下代码：
.post-body2{
BORDER-RIGHT: 0px;
BORDER-TOP: 0px;
OVERFLOW: hidden;
BORDER-LEFT: 0px; BORDER-BOTTOM: 0px;
HEIGHT: 150px;
TEXT-OVERFLOW: ellipsis;
}
       (2)找到<p><data:post.body></p>改为以下代码：
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<div class='post-body2'>
<p><data:post.body/></p>
</div>......<p>
<a expr:href='data:post.url' title='阅读全文'><b>[阅读全文]</b></a></p>
</b:if>
         这样以后发帖就不需要选择显示部分了，自动截取一部分显示出来。
        *如果想要列表中不显示摘要，第一步可以省略，第二步改为：
找到<p><data:post.body></p>改为<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
</b:if>      这样的话会有一个问题，就是你的截取高度可能会使你的文字显示半截高度，自己可以试试。
       4、添加HTML/JavaScript
        (1)到Blogger的信息中心->设计->页面元素。
        (2)单击“添加小工具”，找到一个名为“HTML/JavaScript”的工具。
        (3)「标题」位置，请填入 ##EasyReadMore##或者不填也可以。
        (4)「内容」部分，填入
<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 = '';
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 = '';
</script>
<script>EasyReadMore.main()</script>
       暂时知道这几种，以后会更新。
本文地址：https://hebzhb.blogspot.com/2010/11/google-blogger.html
原创文章如转载，请注明链接： 转自Boleyn Inn
相关文章

0 评论:

发表评论