不同颜色的标签(Blogger)

时间:2016-06-06 15:04:03

标签: customization blogger

我希望Blogger中的每个标签都有不同的颜色。我尝试为每个标签创建一个类,例如,添加一个类" .Movies"标签电影和类名为" .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>

谢谢你们,伙计们!

1 个答案:

答案 0 :(得分:0)

已经开始了!

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

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

您可以看到我已为Cinema添加了整个标签路径。同样的, 获取所有标签的完整路径并为每个标签添加不同的颜色规则 标签

例如,让我们再说一个标签名称是&#39;电视&#39;。

您可以再添加一条规则:

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

您可以选择颜色和背景。确保你保持 !重要指令完好无损。