タグクラウドを散らす方法 : アフィリ副収入★禁断レビュー 【インフォマジック】

現在のランキング → 第●位!!

最近はSEO対策としても注目されている「タグクラウド」

画面上のキーワードをクリックすると、
筆者がそのキーワードを「タグ」として与えた記事が一覧表示されるというもので、

カテゴリと同じ？と思われるかもしれませんが、

タグは、

・記事毎ほぼ無限大に打てる
・カテゴリのように整理整頓を気にしなくても良い

ということで、筆者の“やりたい放題（笑）”ですから、

本当の意味で筆者の伝えたいこと、サイトの概要を表していたりします。


そんな便利なタグですが、

私が一番便利だと思うのが、その視覚的効果。


よく、ひとつひとつ大きさの違うタグが、バラバラに散っているのを見かけませんか？

なんと呼べばいいのか分かりませんが、ここでは“タグを散らす”といっておきます。


あれは使用頻度によって文字の大きさを変え、

良く使うタグほど大きく、使わないものほど小さく表示しているわけなのですが、

あれを見れば、本当にパッとひと目でサイトの概要が分かってしまいますよね。


ライブドアブログでは、最初からタグの機能はついているのですが、

リスト形式で、タグが増えると縦に大きく伸びてしまうので、

今回はライブドアブログの「タグを散らす」方法をご説明します。


といっても、いたって簡単。

ご自分のサイトの、スタイルシート（CSS）の好きな場所に、

以下のソースをコピペして下さい。


/* =============================================== */
/** TagCloud - Plugin */
/* ----------------------------------------------- */

.side ul.tagcloud {
margin: 0;
padding: 0;
text-align: left;
overflow: hidden;
line-height: 1.2;
}

.side ul.tagcloud li {
display: inline;
margin: 0;
padding: 0;
}

/** FontSize */
.side ul.tagcloud li.tag-weight-0 {
font-size: 100%;
}
.side ul.tagcloud li.tag-weight-1 {
font-size: 120%;
}
.side ul.tagcloud li.tag-weight-2 {
font-size: 165%;
}
.side ul.tagcloud li.tag-weight-3 {
font-size: 200%;
}
.side ul.tagcloud li.tag-weight-4 {
font-size: 230%;font-weight:bold;
}

.side ul.tagcloud li.tag-lifetime-0
, .side ul.tagcloud li.tag-lifetime-1
, .side ul.tagcloud li.tag-lifetime-2
, .side ul.tagcloud li.tag-lifetime-3
, .side ul.tagcloud li.tag-lifetime-4 {}


これは使用頻度ごとに、５段階で、各ワードの重要度を表すようになっています。

各段階の文字の大きさ等は変更可能です。

ここでは一番大きな文字を、bold（太文字）にするよう設定しています。


色々いじくって、あなただけの見易いタグクラウドを完成させてください。



P.S.
他のブログサービスで働くかどうかは分かりません。
試された方、うまく働くかどうか、コメントを残していただけると助かりますｍ（＿　＿）ｍ

この記事が参考になりましたら、クリックしてください。

【みんな友達!!】 他のアフィリエイターのブログも、チェックする！

【おまけ】 おみくじ ⇒ 今日のあなたは？ （「結果報告」がでたら、大吉!!）