Google Blogger模板 - 在不使用Jquery或Javascript的情况下突出显示博客上的活动标签?

时间:2015-05-30 15:18:50

标签: xml blogger blogspot google-product-search

  

此问题与Google Blogger模板操作相关。以任何方式开发/更改或操纵Blogger模板的人都知道它的语法因此可以提供一些输入。

以下代码有什么问题:

<b:section class='navbar-collapse collapse' id='navbar' showaddelement='no'>
 <b:widget id='LinkList1' locked='false' title='navbar' type='LinkList'>
  <b:includable id='main'>
   <ul class='nav navbar-nav navbar-right'>
   <b:loop values='data:links' var='link'>
    <b:if cond='data:blog.url==data:link.target'>
     <li class='selected'><a expr:href='data:link.target'><data:link.name/></a></li>
    <b:else/>
     <li><a expr:href='data:link.target' expr:title='data:blog.url==data:link.target'><data:link.name/></a></li>
    </b:if>
   </b:loop>
   </ul>
  </b:includable>
 </b:widget>
</b:section>

当我打开链接时,不确定比较失败的原因:http://sandbox-mahavir-munot.blogspot.in/p/about-us.html

以下是上面执行的代码段的firebug输出,title属性显示了我在地址栏中打开URL:http://sandbox-mahavir-munot.blogspot.in/p/about-us.html时的比较结果。

<ul class="nav navbar-nav navbar-right">
 <li><a title="false" href="http://sandbox-mahavir-munot.blogspot.in/">Home</a></li>
 <li><a title="false" href="http://sandbox-mahavir-munot.blogspot.in/p/about-us.html">About Us</a></li>
 <li><a title="false" href="http://sandbox-mahavir-munot.blogspot.in/p/contact-us.html">Contact Us</a></li>
</ul>

非常感谢任何对此的指示!!

提前谢谢。

Mahavir Munot

2 个答案:

答案 0 :(得分:0)

我能够通过修改代码段来解决此问题,如下所示:

<b:section class='navbar-collapse collapse' id='navbar' showaddelement='no'>
 <b:widget id='LinkList1' locked='false' title='navbar' type='LinkList'>
  <b:includable id='main'>
   <ul class='nav navbar-nav navbar-right'>
   <b:loop values='data:links' var='link'>
    <b:if cond='data:blog.canonicalUrl==data:link.target or data:blog.url==data:link.target'>
     <li class='selected'><a expr:href='data:link.target'><data:link.name/></a></li>
    <b:else/>
     <li><a expr:href='data:link.target' expr:title='data:blog.url==data:link.target'><data:link.name/></a></li>
    </b:if>
   </b:loop>
   </ul>
  </b:includable>
 </b:widget>
</b:section>

我还必须修改Blogger LinkList小部件,将所有非规范URL更改为Canonical URL。

以下是与Blogger专家对话的链接,帮助我解决了这个问题:Blogger Forum

答案 1 :(得分:0)

以下是我博客的代码

<ul>
    <b:loop values='data:links' var='link'>
      <b:if cond='data:blog.canonicalUrl == data:link.href + "?max-results=7" or data:link.isCurrentPage'>
        <li class='selected'><a expr:href='data:link.href + "?updated-max=01&amp;max-results=7"'><data:link.title/></a></li>
      <b:else/>
        <li><a expr:href='data:link.href + "?updated-max=01&amp;max-results=7"'><data:link.title/></a></li>
      </b:if>
    </b:loop>
  </ul>

我对链接结果进行了修改,但我错过了网址的参数,因此我将此值添加到if条件标记

data:blog.canonicalUrl == data:link.href + "?max-results=7" or data:link.isCurrentPage

当我对博客Gdata进行编码时,我没有从firebug获得任何内容,因此我在代码的调试过程中查看了include标记内的一些结果,然后添加了一个元素来打印出结果,例如,检查URL的参数:

<div>link url :<data:link.href/><br/>Canonical url :<data:blog.canonicalUrl/></div>