CodingFirst

C言語、Perl、JavaScript、最近はPythonも。出来上がったものより、プログラムを書くことが好き。あと、スイーツ。

スポンサーサイト

  • このエントリーをはてなブックマークに追加
  • web拍手 by FC2
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

FC2ブログで自作タグクラウドを作る

  • このエントリーをはてなブックマークに追加
  • web拍手 by FC2

FC2ブログに自作でタグクラウドを作ってみる。
タグ表示自体は標準プラグインを使うんだけど、 その出力をJavaScriptでプチ改造する。

まず、ユーザータグを導入する。
ブログの管理画面に入って「プラグインの設定」画面に行く。
「公式プラグイン」から「ユーザータグ」を追加する。

プラグインの設定画面のユーザータグのところの「詳細」を押す。
そしたら、ユーザタグの設定を「カスタマイズ(HTMLを編集する場合はこれを選択してください)」を
セレクトしておく。

ここからがポイント。プラグインの改造の青い「【HTMLの編集】」をクリックして、
HTMLを編集するテキストボックスを表示させる。そしたら、元々書いてある記述を消して、
以下のテキストをコピペ

<div class="plugin-tag" id='plugin-tag' &align>
<!--ctag-->
<a href="<%ctag_url>" style='margin-right:5px;'><%ctag_name></a>
<!--/ctag-->
</div>
<script><!--
(function(){
var e=document.getElementById('plugin-tag');
var a=e.getElementsByTagName('a');
for(i=0;i<a.length;i++){
  a[i].style.fontSize=
    (i<a.length/32)?'x-large':
    (i<a.length/16)?'large':
    (i<a.length/8)?'medium':
    (i<a.length/4)?'small':
    (i<a.length/2)?'x-small':'xx-small';
}
for(i=e.firstChild;i.nextSibling!=null;){
  if(i.innerHTML>i.nextSibling.innerHTML){
    e.insertBefore(e.removeChild(i.nextSibling),i);
    i=e.firstChild;
  }else{
    i=i.nextSibling;
  }
}
})();
//-->
</script>

補足)

  • 最初の<divから</div>までは1行で書いた方がいい。

ひさびさ書いたらいろいろ忘れちゃってるな。。
復習がてら手元用に1冊、買っとこうかなぁ。


初めてのJavaScript 第2版初めてのJavaScript 第2版
(2009/11/30)
Shelley Powers

商品詳細を見る
スポンサーサイト

 | HOME | 

Search

Recent Entries

Foot Print



Categories

Monthly

Recent Comments

Recent Trackbacks

Profile

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