上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

オススメサイト様
この記事をクリップ! JUGEM IT! Yahoo!ブックマークに登録 Choixlet イザ!ブックマーク newsing it! BuzzurlにブックマークBuzzurlにブックマーク
  1. Edit
  2. Permalink
このエントリーをはてなブックマークに追加 twitter

fc2でタグクラウド


今日はちょっと難しいお話
タグクラウドが以前文字化けしてしまっていたのでそれのあとがき
「fc2 タグクラウド」をGoogleで調べると
1番上にスクリプト不使用のFC2ブログ用タグクラウド - 畳紙
さんのブログが出てきます

僕も実際に使わせてもらってます
が、テンプレートによってタグの
<li>
が文字化けするっぽいので文字化けしない方法で畳紙さんのを改変して書いてみた

まずブログパーツに貼り付ける部分は



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




次にCSSの部分


/* タグクラウド
------------------------------------------------------------------*/
span{
margin: 0;
line-height: 1;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
}
span a{
text-decoration: none;
}
span.tcmax a{
/* カウント20以上のとき(最大) */
font-size: 167%;
font-weight: bold;
color: #999999;
}
span.tc19 a, span.tc18 a, span.tc17 a, span.tc16 a, span.tc15 a{
/* カウント19~15のとき */
font-size: 136%;
color: #aaaaaa;
}
span.tc14 a, span.tc13 a, span.tc12 a, span.tc11 a, span.tc10 a{
/* カウント14~10のとき */
font-size: 122%;
color: #bbbbbb;
}
span.tc9 a, span.tc8 a, span.tc7 a, span.tc6 a, span.tc5 a{
/* カウント9~5のとき */
font-size: 114%;
font-weight: normal;
color: #cccccc;
}
span.tc4 a, span.tc3 a{
/* カウント4・3のとき */
font-size: 92%;
font-weight: normal;
color: #dddddd;
}
span.tc2 a, span.tc1 a{
/* カウント2・1のとき(最小) */
font-size: 77%;
font-weight: normal;
color: #ffffff;
}



まぁぶっちゃけ
<ul><li>を<span>
に変えただけです
これでも機能するので文字化けに悩まされている方はよかったら使ってください^ー^

記事が気に入ったらクリックお願いします
↓↓↓
人気ブログランキングへ にほんブログ村 PC家電ブログ パソコンの豆知識へ fc2 ランキング

関連記事

オススメサイト様
この記事をクリップ! JUGEM IT! Yahoo!ブックマークに登録 Choixlet イザ!ブックマーク newsing it! BuzzurlにブックマークBuzzurlにブックマーク
  1. Edit
  2. Permalink
  3. トラックバック:0
  4. コメント:0
このエントリーをはてなブックマークに追加 twitter




コメントの投稿






上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。