山猫軒

FC2ブログのプラグインをカスタマイズ
オリジナルのユーザタグ一覧を、投稿数によりフォントサイズや色を変更する。
1.環境設定の変更
  ブログ管理画面から、「プラグインの設定」をクリック
  「公式プラグイン追加」をクリック
  「ユーザータグ」の「追加」をクリック

2.プラグインのHTML編集
  「ユーザータグの設定」の
  ○カスタマイズ(HTMLを編集する場合はこれを選択してください)を選択し、
  【HTMLの編集】をクリック
  下記、HTMLを貼り付け
<!--
<p class="plugin-tag" &align>
<!--ctag--><a href="<%ctag_url>"><%ctag_name></a> 
<!--/ctag-->
</p>
-->
<ul class="tagcloud">
<!--stag-->
<li class="tcmax tc<%stag_count>">
<a href="<%stag_url>" title=" タグ「<%stag_name>」の付いた記事:<%stag_count>件 "><%stag_name></li>
<!--/stag-->
</ul>


3.テンプレートの編集
  ブログ管理画面から、「テンプレートの設定」をクリック
  テンプレートのスタイルシートの編集に、下記スタイルシートを貼り付け
  文字サイズや色は、適当に修正してください。

/* tag
------------------------------------------------------------ */
ul.tagcloud{
margin: 5;
padding: 10px 0px;
line-height: 1.1;
font-size: 14px;
}

ul.tagcloud li{
margin: 0;
padding: 0;
display: inline;
font-size: 100%;
background-image: none;
}

ul.tagcloud li a{
text-decoration: none;
}

li.tcmax a{
/* カウント20以上のとき(最大) */
font-size: 167%;
font-weight: bold;
color: #3a4732;
}

li.tc19 a, li.tc18 a, li.tc17 a, li.tc16 a, li.tc15 a{
/* カウント19~15のとき */
font-size: 136%;
font-weight: bold;
color: #3a4732;
}

li.tc14 a, li.tc13 a, li.tc12 a, li.tc11 a, li.tc10 a{
/* カウント14~10のとき */
font-size: 122%;
font-weight: bold;
color: #424f39;
}

li.tc9 a, li.tc8 a, li.tc7 a, li.tc6 a, li.tc5 a{
/* カウント9~5のとき */
font-size: 114%;
font-weight: normal;
color: #424f39;
}

li.tc4 a, li.tc3 a{
/* カウント4・3のとき */
font-size: 90%;
font-weight: normal;
color: #879e78;
}

li.tc2 a, li.tc1 a{
/* カウント2・1のとき(最小) */
font-size: 70%;
font-weight: normal;
color: #879e78;
}

ul.tagcloud li a:hover{
text-decoration: underline;
color: #CD8B32;
/* color: #4169E1; */
}
スポンサーサイト




関連記事

Comment






(編集・削除用)


管理者にだけ表示を許可

Trackback

URL
http://yaccul.blog.fc2.com/tb.php/370-209dd095
この記事にトラックバック(FC2Blog User)

岩手のお酒

岩手の麺類

岩手のスイール・お菓子

岩手のお店を応援!!

Amazonクラウド

ブログ内検索

プロフィール

yaccul

yaccul(やっくる)です。 1973年生まれ。岩手生まれ岩手育ち。ラーメンとビールが大好き。食べ歩き、風景写真を通じて岩手の魅力をちょっとだけ紹介...普段は普通の会社員のため、週末ぐらいしか更新しませんが.. 中学生男子バレー部のボランティアコーチをしています♪

月別アーカイブ

05月 04月 12月 09月 08月 07月 06月 05月 03月 02月 01月 12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月 12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月 12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月 12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月 12月 11月 10月 09月 08月 07月 06月 05月 03月 02月 01月 12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 08月 06月 05月 04月

カテゴリ

タグ一覧

RSSリンクの表示

最新トラックバック

リンク

メールフォーム

名前:
メール:
件名:
本文:

全記事表示リンク

最新コメント

Twitter

お知らせ

当ブログがトリップアドバイザーのおすすめブログとして推奨されました。

QRコード

QR
Copyright © yaccul / Designed by Paroday