[PR]
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
昨今、流行のタグクラウド。
ワリと無料のブログでもタグ(キーワードタグというべきか?)に対応しているところも増えてきたのですが、忍者ブログではまだのよう。
いささか乗り遅れの気もしますけど、Ninjaでも似たようなものができないかと探してみたところ、SeeSaaブログで実現されているのを見つけました。
やどりぎ@NET│seesaaブログでカテゴリをタグクラウド風に表示する
SeeSaaブログではすでにタグに対応しているのでわざわざカテゴリを使用する必要はないそうなのですが、△のサイト様のスクリプトをお借りして忍者ブログでのタグクラウド風カテゴリを作ってみました。
以下、作成方法です。
1.管理画面の『プラグインの設定』→『プラグインの追加』でカテゴリのプラグインを新たに作成。
ここでは、一応名前を「カテゴリタグクラウド」で保存。
2.「カテゴリタグクラウド」の『HTMLの編集』をクリック。
3.ソースが出てくるのでそれを▼のものに置き換える。
<script type="text/javascript"><!--
var density = 1;
var seed = 4;
var highest_count = 0;
url_array = new Array();
name_array = new Array();
count_array = new Array();
<!--plugin_category-->
url_array[url_array.length] = "<!--$plugin_category_link-->";
name_array[name_array.length] = "<!--$plugin_category_title-->";
count_array[count_array.length] = <!--$plugin_category_num-->;
<!--/plugin_category-->
for (var i = 0; i < count_array.length; i++)
{
if (count_array[i] > highest_count) {
highest_count = count_array[i];
}
}
var dif = Math.floor((highest_count - density) / seed);
for (var i = 0; i < name_array.length; i++)
{
var size_string = "70%";
var font_size = 1;
if (count_array[i] > highest_count - dif) {
size_string = "190%";
font_size = 5;
}
else if (count_array[i] > dif * 2) {
size_string = "160%";
font_size = 4;
}
else if (count_array[i] > dif) {
size_string = "130%";
font_size = 3;
}
else if (count_array[i] > dif / 2) {
size_string = "100%";
font_size = 2;
}
if (count_array[i] >= density) document.write('<a href="', url_array[i], '" title="', count_array[i] ,'件のエントリー"><span class="font_', font_size, '" style="font-size: ', size_string ,'">', name_array[i], '</span></a> ');
}
//-->
</script>
<noscript>
<!--plugin_category-->
<div class="plugin_data">
<a href="<!--$plugin_category_link-->">
<!--$plugin_category_title-->
(<!--$plugin_category_num-->)
</a>
</div>
<!--/plugin_category-->
</noscript>
4.『変更』をクリックして完成です。
javascriptでこのタグクラウドはできているのでjavascriptをOFFにしているとタグクラウドにはなりません。
タグクラウドにならなくても通常のカテゴリのリストには見えます。
このブログでやってみた状態▼
う~ん。ツリー化したときに[大カテゴリ]小カテゴリのようにしているせいかいまいちですね( ̄▽ ̄;)
忍者ブログもタグに対応してくれれば、これ要らないので、みんなで要望のほうがいいかも(笑
●このブログについて
忍者ブログを使いこなそうと始めたカスタマイズサイト。分からないことばかりで四苦八苦しています。
変なところあったらぜひ言ってくださいませ(*- -)(*_ _)ペコリ
なお、このブログで実験もしています。
常に実験しているので、崩れとかありましたら教えてくださるとうれしいです。⇒BBS
●姉妹サイト・その他
徒然倶楽部
→こちらは記事の内容を下に移転&閉鎖しました。
Alphaの小部屋・・・BOOKLOGで作った本棚
現在は十六夜's Blogがメインブログになってます。
Mixi・・・参加中のSNS
十六夜-the sixteeth night-・・・現在作成中のメインHP
●リンクについて
このブログはリンクフリーです。こんなブログでよろしければぜひリンクしてやってください♪
●RSS
このブログのRSSはこちら▼
RSS 0.91
RSS 1.0
RSS 2.0
●環境推奨
動作状況:Windows XP SP2
ブラウザ:主にFirefox 他IE、Opera等
解像度:1024*768
●FireFox
私が普段利用しているブラウザ。
拡張機能のWeb Developerをいれるとテンプレ作成にとても便利なブラウザになります。自分の使いたい機能をいろいろインストールしてアレンジしてます♪
ダウンロードは▼からどうぞ
●Pingoo!
忍者ブログのPing送信先は10件まで。
それでもいろいろなところにPingを送りたいという場合にオススメなPing一括送信サイトです。ここ1件に送るだけでいろいろなところに送ってもらえます♪
11 | 01 |
日 | 月 | 火 | 水 | 木 | 金 | 土 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
≪ | *192*191*190*189*188*187*186*185* | ≫ |