FC2ブログ

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


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

004.jpg


タグクラウドは、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を使いました。
関連記事

| BLOG素材のおすそわけ。ホーム |

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバックURL:
http://blogmaterial.blog96.fc2.com/tb.php/50-a67c290c
この記事にトラックバックする(FC2ブログユーザーのみ)
▲TOPへ