在Blogger中显示静态页面的脚本无法正常工作

时间:2015-08-02 15:00:03

标签: javascript php jquery blogger blogspot

我将模板下载到Blogger博客,我想删除静态帖子详细信息的某些部分,例如标签和作者,只想显示帖子缩略图,帖子标题,评论数量和帖子摘要。我画它所以它会更容易理解。默认情况下看起来像这样:

enter image description here

我发现在这个模板中,他们使用这个脚本来显示这些静态页面:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='data:post.id'>
      <data:post.body/>
    </div>
    <script type='text/javascript'>
      var post_title=&quot;<data:post.title/>&quot;,
        post_url=&quot;<data:post.url/>&quot;,
          author_name=&quot;<data:post.author/>&quot;,
            author_url=&quot;<data:post.authorProfileUrl/>&quot;,
              comment=&quot;<data:post.numComments/>&quot;,
                label=&quot;<b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + &quot;?max-results=6&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,&amp;nbsp;</b:if></b:loop>&quot;,
                  time=&quot;<data:post.timestamp/>&quot;;
      readmore(&quot;<data:post.id/>&quot;);
    </script>
  </b:if>
</b:if>

每当我编辑该脚本时,静态项目都会出错,它将失去原有的外观并且看起来很糟糕。这些代码下面是:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div class='blog-content-wrapper'>
    <div class='blog-content-inner-wrapper'>
      <header class='post-header'>
        <h3 class='gdlr-blog-title'>
          <a expr:href='data:post.link'>
            <data:post.title/>
          </a>
        </h3>
        <div class='gdlr-blog-info gdlr-title-font gdlr-info'>
          <div class='clear'/>
        </div>
      </header>
      <div class='gdlr-blog-content'>
        <data:post.body/>
      </div>
      <div class='single-post-bottom-info'>
        <div class='share-this-post social-icons-wrapper'>
          <a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' name='fb_share' target='_blank'>
            <i class='fa fa-facebook'/>
          </a>
          <a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' target='_blank'>
            <i class='fa fa-twitter'/>
          </a>
          <a class='google' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' target='_blank'>
            <i class='fa fa-google-plus'/>
          </a>
          <a class='tumblr' expr:href='&quot;http://www.tumblr.com/share/link?url=&quot;+ data:post.url' target='_blank'>
            <i class='fa fa-tumblr'/>
          </a>
          <a class='linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.url' target='_blank'>
            <i class='fa fa-linkedin'/>
          </a>
          <a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;+ data:post.url' target='_blank'>
            <i class='fa fa-stumbleupon'/>
          </a>
          <a class='digg' expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url' target='_blank'>
            <i class='fa fa-digg'/>
          </a>
        </div>
        <br/>
        <br/>
        <div class='gdlr-post-author'>
          <h3 class='post-author-title'>
            About Post Author
          </h3>
          <div class='clear'/>
          <div class='post-author-avartar'>
            <img alt='' class='avatar avatar-125 photo' expr:src='data:post.authorPhoto.url' src='http://i.imgur.com/hgQVqzg.jpg' style='width:125px;'/>                
          </div>
          <div class='post-author-content'>
            <h4 class='post-author'>
              <a expr:href='data:post.authorProfileUrl' rel='author'>
                <data:post.author/>
              </a>
            </h4>
          </div>
          <div class='clear'/>
        </div>
        <div class='gdlr-related-post-widget'>
          <h3 class='related-post-title'>
            You may also like
          </h3>
          <div id='related-posts'>
            <b:loop values='data:post.labels' var='label'>
              <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&quot;' type='text/javascript'/>
            </b:loop>
            <script type='text/javascript'>
              removeRelatedDuplicates();printRelatedLabels(&#39;<data:post.url/>&#39;);
            </script>
          </div>
          <div class='clear'>
          </div>
          <div class='clear'>
          </div>
        </div>
      </div>
    </div>
  </div>
</b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <div class='blog-content-wrapper'>
    <div class='blog-content-inner-wrapper'>
      <header class='post-header'>
        <h3 class='gdlr-blog-title'>
          <a expr:href='data:post.link'>
            <data:post.title/>
          </a>
        </h3>
        <div class='gdlr-blog-info gdlr-title-font gdlr-info'>
          <div class='clear'/>
        </div>
      </header>
      <div class='gdlr-blog-content'>
        <data:post.body/>
      </div>
    </div>
  </div>
</b:if>

每当我在静态<b:if>上编辑某些内容时,页面就会发生没有。同样,我的问题是我无法修改此静态页面中的任何内容。

我真的不知道该怎么做,所以我希望有人可以帮助我。

0 个答案:

没有答案