ラベルリストを2列に ~ Bloggerカスタマイズ(5)

2009年7月15日水曜日 9:58

サイドバーのラベルリスト(タブリスト/うちのブログではCATEGORIES欄),やたらと長くなってみっともなかった。
気になりつつも優先順位が低くて,やっと今朝,作業開始→終了。
おー今回はとてもスムーズだ。あっという間にスッキリリストにbiggrin

今回ご指導いただいたのはこちら:

いじる部分のコード周辺も,珍しく全く同じで,楽だった~♫
<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>

CSSの方は,これ↓をサイドバーのところに追加:
.sidebar #tags li {
  float:left;
  width:120px;
}

私のところのサイドバーは,幅が240pxなので,ここではその1/2の幅を設定してます。

引き続き,あっちやこっちやtemplateいじりは続く…

No comments yet.

どうぞお気軽にコメントをお寄せください :-)