TagCloud02

TagCloud作成覚書き。

XHTMLソース

<ul>
 <li class="lv1">Tag</li>
 <li class="lv2">Tag</li>
 <li class="lv3">Tag</li>
 <li class="lv4">Tag</li>
 <li class="lv5">Tag</li>
 <li class="lv6">Tag</li>
 <li class="lv1">Tag</li>
 <li class="lv2">Tag</li>
 <li class="lv3">Tag</li>
 <li class="lv4">タグ</li>
 <li class="lv5">タグ</li>
 <li class="lv6">タグ</li>
<?ul>

MTから出力されるソースコードは大体上記の様になります。
実際、順番はABC順に出力されて(大小文字関係無し)その後日本語タグです。

XHTMLソース(MTタグ適用)

<ul>
<MTTags>
<li class="lv<$MTTagRank max="6"$>">
<a href="<$MTTagSearchLink$>" title="<$MTTagName$>が含まれる<$MTTagCount$>件の記事">
<$MTTagName$>
</a>
</li>
</MTTags>
</ul>

MTタグを入れ込んだソースが上記です。title属性はお好みでどうぞ。
<MTTags>コンテナタグ以下のタグの意味はマニュアルをご覧下さい。

CSSソース

あとは

ul li {
  display: inline;

で、liをインラインにして横に並べて

ul li.lvX {
  font-size: XXX%;
  color: #XXXXXX;

など各レベルにお好みのスタイル付けをすればタグクラウドの完成です。
あとはTag Cloudのスタイルを参考にして、position:relativeを使ってバラけさせ重ねています。