不同颜色的标签（Blogger）

Question

我希望 Blogger 中的每个标签都有不同的颜色。我尝试为每个标签创建一个 class，例如，添加一个 class “.Movies” 来标记电影，并添加一个 class 名为“.News” 的标签来标记新闻。但是我不知道下一步该怎么做。

这是影响所有标签的当前代码：

<div class='tl-label-post'><div class='postags'>
                  <b:if cond='data:post.labels'>
                  <b:loop values='data:post.labels' var='label'>
                      <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
                      <b:if cond='data:label.isLast != &quot;true&quot;'/>
                    </b:loop>
                   </b:if>
                </div> </div></div>

谢谢大家！

Answer 1

已经修改了！

保持标签的默认 CSS 和 HTML 代码不变，而不是更改它，对每个标签执行此操作：

a[href^="http://www.YOURSITE.com/search/label/CINEMA"] {
color: #colorcode !important;
background: #colorcode !important;
}

你可以看到我已经添加了 Cinema 的整个标签路径。相似地，获取所有标签的完整路径并为每个标签添加不同的颜色规则标签

例如，再假设一个标签名称是 'Television'。

您可以像这样再添加一条规则：

a[href^="http://www.YOURSITE.com/search/label/TELEVISION"] {
color: #colorcode !important;
background: #colorcode !important;
}

颜色和背景可以由您选择。确保您保留 !important 指令完好无损。

不同颜色的标签（Blogger）

Labels with different colors (Blogger)

customization

blogger