如何将随机 class 名称添加到博客模板中的元素
How to add random class name to an element in blogger template
我想从 (class1, class2, class3, class4) 添加一个随机的 class 名字到#tagcat元素。
我该怎么做?没有 javascript 是否可以做到这一点?
<b:if cond='data:top.showPostLabels and data:post.labels'>
<b:loop index='i' values='data:post.labels' var='label'>
<b:if cond='data:i == 0'>
<div class='alt-cat blurple-gradient' id='tagcat' title='ds'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a>
</div>
</b:if>
</b:loop>
</b:if>
</div>
编辑
这是我博客首页显示最近8posts的完整代码:
<div class='entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div class='post-media'>
<b:if cond='data:post.firstImageUrl'>
<div class='image-wrap'>
<!-- <div class='mask'/> -->
<a expr:href='data:post.url'>
<img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' />
</a>
</div> <b:else/>
<div class='needo' /> </b:if>
<script class='java' expr:src='"/feeds/posts/default/" + data:post.id + "?alt=json-in-script&callback=labelset"' type='text/javascript' />
<b:if cond='data:top.showPostLabels and data:post.labels'>
<b:loop index='i' values='data:post.labels' var='label'>
<b:if cond='data:i == 0'>
<div class='alt-cat blurple-gradient' id='tagcat' title='ds'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a>
</div>
</b:if>
</b:loop>
</b:if>
</div>
<div class='post-body'>
<div class='post-title'>
<h2>
<a expr:href='data:post.url'><data:post.title/></a>
</h2>
</div>
<div class='post-entry'>
<p><data:post.snippet/></p>
</div>
<div class='post-author'>
<!--
<div class='image-thumb'>
<img alt='Post Author' expr:src='data:post.authorPhoto.url'/>
</div>
-->
<div class='name-author'>
<data:post.author/>
<div class='time-stamp'>
<data:post.timestamp/>
</div>
</div>
</div>
元素#tagcat
显示标签。我想在元素 #tagcat
上为不同的 post 添加不同的 classes,以便它们以不同的颜色显示,
所以对于不同的 post 片段标签,我需要不同的 CSS。
为什么不在 class 中使用 post 标签名称并使用 css
设置每个标签的样式
<div expr:class='data:label.name' id='tagcat' title='ds'>
CSS
.label-name { color: your color }
我想从 (class1, class2, class3, class4) 添加一个随机的 class 名字到#tagcat元素。
我该怎么做?没有 javascript 是否可以做到这一点?
<b:if cond='data:top.showPostLabels and data:post.labels'>
<b:loop index='i' values='data:post.labels' var='label'>
<b:if cond='data:i == 0'>
<div class='alt-cat blurple-gradient' id='tagcat' title='ds'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a>
</div>
</b:if>
</b:loop>
</b:if>
</div>
编辑
这是我博客首页显示最近8posts的完整代码:
<div class='entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div class='post-media'>
<b:if cond='data:post.firstImageUrl'>
<div class='image-wrap'>
<!-- <div class='mask'/> -->
<a expr:href='data:post.url'>
<img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' />
</a>
</div> <b:else/>
<div class='needo' /> </b:if>
<script class='java' expr:src='"/feeds/posts/default/" + data:post.id + "?alt=json-in-script&callback=labelset"' type='text/javascript' />
<b:if cond='data:top.showPostLabels and data:post.labels'>
<b:loop index='i' values='data:post.labels' var='label'>
<b:if cond='data:i == 0'>
<div class='alt-cat blurple-gradient' id='tagcat' title='ds'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a>
</div>
</b:if>
</b:loop>
</b:if>
</div>
<div class='post-body'>
<div class='post-title'>
<h2>
<a expr:href='data:post.url'><data:post.title/></a>
</h2>
</div>
<div class='post-entry'>
<p><data:post.snippet/></p>
</div>
<div class='post-author'>
<!--
<div class='image-thumb'>
<img alt='Post Author' expr:src='data:post.authorPhoto.url'/>
</div>
-->
<div class='name-author'>
<data:post.author/>
<div class='time-stamp'>
<data:post.timestamp/>
</div>
</div>
</div>
元素#tagcat
显示标签。我想在元素 #tagcat
上为不同的 post 添加不同的 classes,以便它们以不同的颜色显示,
所以对于不同的 post 片段标签,我需要不同的 CSS。
为什么不在 class 中使用 post 标签名称并使用 css
设置每个标签的样式<div expr:class='data:label.name' id='tagcat' title='ds'>
CSS
.label-name { color: your color }