このFC2ブログにタグクラウドを設置してみました。

2014/01/08(水) 19:56:00：記事の固定リンク

FC2ブログにタグクラウドを実装してみたので、それの覚書を兼ねたエントリーです。

タグクラウドは、FC2ブログにCSSを使ったタグクラウドを設置してみた - MS-14Dを参考にして設置してみました。が、多少変更しています。
まず、ブログのサイドバーに以下のタグを設置します。

<div class="tagcloud">
<!--stag-->
<span class="tcmax tc<%stag_count>">
<a href="<%stag_url>" title=" タグ「<%stag_name>」の付いた記事:<%stag_count>件 " class="taglink"><%stag_name></a>
</span>
<!--/stag-->
</div>

で、CSSに以下の記述を足しました。

/* タグクラウド */
.tagcloud{font-size:14px;padding:6px;margin:6px}
.tagcloud a{text-decoration:none}
.tcmax a{font-size:180%}
.tc14 a,.tc13 a,.tc12 a,.tc11 a,.tc10 a{font-size:160%;font-weight:900}
.tc9 a,.tc8 a,.tc7 a,.tc6 a,.tc5 a{font-size:140%;font-weight:900}
.tc4 a,.tc3 a{font-size:120%}
.tc2 a,.tc1 a{font-size:90%}
.taglink{padding:4px 4px 4px 0;text-align:justify;text-justify:inter-ideograph;line-break:strict}

本当は【<ul></ul><li></li>】を使ったほうが良いんでしょうけど、今回は思うところがあってdivとspanを使いました。