在Blogger中使用代码段摘要时更改读取更多文本的问题

时间:2015-09-22 18:24:57

标签: html css blogger

我正在尝试更改Blogger中更多按钮的文本。 我一直在代码中搜索,但它不存在。

但这是我发现的:                                    

    <div class='mobile-index-arrow'>&amp;rsaquo;</div>

    <div class='mobile-index-contents'>
      <b:if cond='data:post.thumbnailUrl'>
        <div class='mobile-index-thumbnail'>
          <div class='Image'>
            <img expr:src='data:post.thumbnailUrl'/>
          </div>
        </div>
      </b:if>

      <div class='post-body'>
        <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
      </div>
    </div>    

所以我想我必须在这个“片段部分”添加一些内容,但我真的不知道要添加什么... 请问,有谁知道如何更改阅读更多文字?谢谢!

2 个答案:

答案 0 :(得分:2)

方法1:

您可以在Blogger布局中更改了解更多按钮中的文字。

转到信息中心&gt; 布局&gt; 主要&gt;的修改

enter image description here

方法2:

转到信息中心&gt; 模板&gt; 修改HTML

在帖子部分找到这段代码(在身体后部分下面)

    <b:if cond='data:post.hasJumpLink'>
       <div class='jump-link'>
         <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
       </div>
    </b:if>

<data:post.jumpText/>替换为您要显示的任何文字,而不是了解更多

<强>例如

    <b:if cond='data:post.hasJumpLink'>
       <div class='jump-link'>
         <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>View Post</a>
       </div>
    </b:if>


方法3:<b:includable id='post' var='post'>内的main section末尾添加此脚本。

    <b:if cond='data:blog.pageType not in {&quot;static_page&quot;,&quot;item&quot;}'>
        <script type='text/javascript'>
             $(&quot;#summary<data:post.id/> .post-entry a.more-link&quot;).html(&quot;<data:post.jumpText/> &lt;i class=&#39;fa fa-long-arrow-right&#39;&gt;&lt;/i&gt;&quot;);
        </script>
    </b:if>

使用此功能,您可以在信息中心中更改了解更多文字,如方法1 中所述。

答案 1 :(得分:0)

选中方法1:哪种是最佳解决方案 转到信息中心>布局>主>编辑 如果您已从HTML进行编辑,请使用方法3