ラベルをプルダウンにした

Bloggerではガジェットが充実しているのが気に入っているんだけど、

増える一方の分類ラベルの表示が気に食わなかった。

プルダウン化でスッキリ表示にすることは出来ないものかと悩んでたんだが

元来のラベルガジェット自体にはプルダウン化の機能はない。

で、下記のサイトを参考にHTMLを編集して改造。

「Bloggerカスタマイズ情報ブログ」
http://customize-your-blogger.blogspot.com/
http://customize-your-blogger.blogspot.com/2009/05/how-to-create-pulldown-menu-for-labels.html

※上記は招待制のブログです。

で、改造方法。

デザイン→ＨＴＭＬの編集→ウィジェットのテンプレートを展開を有効化

<b:widget id="Label1" locked="false" title="Label" type="Label">

から

</b:widget>

までを下記のコードにそのまんま置き換えました。

<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:includable id='main'>
 <b:if cond='data:title'>
   <h2><data:title/></h2>
 </b:if>
 <div class='widget-content'>
<select onchange='location=this.options[this.selectedIndex].value;'>
   <option> Select a Label </option>
   <b:loop values='data:labels' var='label'>
      <option expr:value='data:label.url'><data:label.name/>
         (<data:label.count/>)
      </option>
   </b:loop>
</select>
   <b:include name='quickedit'/>
 </div>
</b:includable>
</b:widget>