时间戳

首页 > 解决方案 > 在博客上的指定标签上显示小部件

blogger - 在博客上的指定标签上显示小部件

问题描述

我运行一个 Blogger 博客 goofyanimals.com，并且需要在我的 Blogger 博客上的指定标签上显示一个小部件。我对编码一无所知。我创建了一个名为“Funny Animals”的文本小部件，需要它只显示在“Funny Animals”标签上。我附上了一些可能有助于解决这个问题的代码......

<b:section-contents id='sidebar-right-1'>
  <b:widget id='Text2' locked='false' title='Funny Animals' type='Text'>
    <b:widget-settings>
      <b:widget-setting name='content'>Funny Animals text widget</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>

标签： blogger

解决方案

有可能，但是您必须在博客小部件中添加一些代码并使用一些 css ...

基本上，您必须隐藏小部件，并且仅在帖子中存在正确标签时才通过利用<b:loop values='data:post.labels' var='label'>.

由于有很多博客模板，包括一些具有更现代编码的模板，如果您能告诉我您正在处理哪个模板，这将更容易......或者看看您是否可以找到循环标签行。

所以，首先你必须隐藏小部件，在这种情况下放在你的 CSS 上：

#Text2 {
   display: none;
}

然后查找<b:loop values='data:post.labels' var='label'>并在此行下方添加以下内容：

<b:if cond='data:label.name == &quot;Funny Animals&quot;'>
<style>
#Text2 {
   display: block;
}
</style>
</b:if>

这将使隐藏的小部件仅在帖子中存在该标签时才可见。

推荐阅读