タグ（ラベル）クラウド変更

STEP:1
cssに下記コードを追記

#labelCloud a {
 text-decoration: none;
 white-space: nowrap;
 margin: 2px;
}
#labelCloud span.label_xs {
 font-size : 80%;
 line-height: 120%;
}
#labelCloud span.label_s {
 font-size : 100%;
 line-height: 120%;
}
#labelCloud span.label_m {
 font-size : 120%;
 font-weight: bold;
 line-height: 120%;
}
#labelCloud span.label_l {
 font-size : 140%;
 font-weight: bold;
 line-height: 120%;
}
#labelCloud span.label_xl {
 font-size : 160%;
 font-weight: bold;
 line-height: 120%;
}

STEP:2
<b:widget id='Label1' locked='false' title='Labels' type='Label'>~</widget>を下記コードに書き換える。

<b:widget id='Label1' locked='false' title='ラベルクラウド' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<span id='labelCloud'>
<b:loop values='data:labels' var='label'>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<b:if cond='data:label.count > 20'>
<a expr:href='data:label.url'><span class='label_xl' expr:title='data:label.count'>
<data:label.name/>
</span>
</a>
<b:else/>
<b:if cond='data:label.count > 10'>
<a expr:href='data:label.url'>
<span class='label_l' expr:title='data:label.count'>
<data:label.name/>
</span>
</a>
<b:else/>
<b:if cond='data:label.count > 5'>
<a expr:href='data:label.url'>
<span class='label_m' expr:title='data:label.count'>
<data:label.name/>
</span>
</a>
<b:else/><b:if cond='data:label.count > 1'>
<a expr:href='data:label.url'>
<span class='label_s' expr:title='data:label.count'>
<data:label.name/>
</span>
</a>
<b:else/>
<a expr:href='data:label.url'>
<span class='label_xs' expr:title='data:label.count'>
<data:label.name/>
</span>
</a>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:loop>
</span>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

• 凡人備忘録: Blogger でタグクラウドを実現する