通过 Blogger 标签更改颜色

Question

有什么方法可以通过标签更改某些博客区域吗？

例如，我在一个有标签汽车的页面上，只有这个页面会有几个部分：

.正文 .header

颜色与其他页面不同？

我得到了这个脚本，它每 12 小时更改一次网站的背景颜色，但它仍然不是我要找的，我想要的是随着标签的更改更改博客的某些部分

<script type='text/javascript'>//<![CDATA[ 
    var currentTime = new Date().getHours();
    if (6 <= currentTime && currentTime < 12) {
        document.body.style.backgroundColor = "#1abc9c";
    } else if (12 <= currentTime && currentTime < 18) {
        document.body.style.backgroundColor = "#318fcb";
    } else {
        document.body.style.backgroundColor = "#560256";
    }
//]]></script>

更多信息：

我知道可以使用此代码进行更改，但更改仅发生在标签页面上，因为更改发生在所有具有汽车标签的页面上。

<b:if cond='data:blog.searchLabel == "car"'>
   <style type='text/css'>
       body { background: #e2ad44 !important }
   </style>
</b:if>

Answer 1

问题末尾的代码段在标签页中将完美运行。在文章页面中，您需要类似的代码来检查 post 是否具有特定标签，因此您需要在 main blog posts loop 中添加下一个代码：

<!-- check if page type is article page & check if article has a "car" tag -->
<b:if cond='data:view.isPost and data:post.labels any (l => l.name == "car")'>
  <style>
    body { background: #e2ad44 }
  </style> 
</b:if>

通过 Blogger 标签更改颜色

Change color by Blogger Tag

javascript

css

blogger

blogger-dynamic-views