ラベルリストを2列に ～ Bloggerカスタマイズ(5)
2009年7月15日水曜日 9:58
サイドバーのラベルリスト（タブリスト/うちのブログではCATEGORIES欄），やたらと長くなってみっともなかった。
気になりつつも優先順位が低くて，やっと今朝，作業開始→終了。
おー今回はとてもスムーズだ。あっという間にスッキリリストに
今回ご指導いただいたのはこちら：
<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'>
<ul id="tags"> 赤字部分追加
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>(<data:label.count/>) 赤字部分追加
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>(<data:label.count/>) 赤字部分追加
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span> この行は削除
</li>
</b:loop>
</ul>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul id="tags"> 赤字部分追加
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>(<data:label.count/>) 赤字部分追加
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>(<data:label.count/>) 赤字部分追加
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span> この行は削除
</li>
</b:loop>
</ul>
CSSの方は，これ↓をサイドバーのところに追加：
.sidebar #tags li {
float:left;
width:120px;
}
float:left;
width:120px;
}
私のところのサイドバーは，幅が240pxなので，ここではその1/2の幅を設定してます。
引き続き，あっちやこっちやtemplateいじりは続く…
