◀   |   |   ▶
◀   |   |   ▶

TagClick を付けてみました



TAG を出現割合に応じたフォントサイズで表示するのが流行っているようなので、エントリページに無料サービスの TagClick をつけてみました。

おもしろいし便利なサービスだな、とは思ったんですが、テンプレート用に生成されるコードがいまいち。


以下のようなコードをテンプレートに書き込むのですが…

<link href="http://www.tagclick.net/stylesheets/tags.css" media="screen" rel="Stylesheet" type="text/css" /> -- (1)
<script type="text/javascript"> -- (2)
<!--
var tagclick_tags_width = "200px";
var tagclick_tags_padding = "5px";
var tagclick_tags_font_size = "12px";
var tagclick_tags_border = "#000000";
var tagclick_tags_backgound = "#FFFFFF";
var tagclick_tags_link = "#FF0000";
//-->
</script>
<script type="text/javascript" src="http://www.tagclick.net/tags?bid=603&max=50&charset=e"></script> -- (3)
<script type="text/javascript" src="http://www.tagclick.net/javascripts/tag_style.js"></script>

(1) に関しては、ページの <head> 〜 </head> 内に書く必要があります。iBlog ならば、テンプレートエディタを使って、エントリページに書き込むのですが、私はそのことに気がつかずに、上記のコードをまとめてナビゲーションバーに書き込んでしまいました。それでも、正常に動作していたようですが。

(2) のように、JavaScript を <!-- 〜 //--> でコメントアウトして記入する方法は、Another HTML-lint gateway でチェックすると『<SCRIPT>〜</SCRIPT> 内にコメントを書くと、本当にコメントとして扱われます』と指摘されます。

また、(3) の行では & がエスケープされていません。

HTML の文法については、チェッカーで調べて、エラーが出たら「そうなんだ」程度の知識しかないのでえらそうなことは言えないのですが、勝手に改変させていただきました。（ほんとはよくないことなんでしょうが）

コードのことばかり書いてきましたが、使い勝手の方は上等です。タグは公開したエントリページを開いた状態で専用の Bookmarklet をクリックして、そのエントリのタグを登録するページを呼び出して登録します。入力は手入力が基本ですが、いちど入力した単語はクリックで入力できるようになるのでらくちんです。（アルファベット順に出てくれれば、それが探しやすいのに…）

エントリページに表示されたタグをクリックすると、同じキーワードを持つエントリがリストアップされたウインドウがポップアップします。その中からエントリを選ぶと、元ページが該当ページに移動します。関連ページを次々に見ることができるので、けっこうおもしろいかも。このブログに関しては、まだタグの登録を最近のエントリにしか行なっていないので、さほどたくさんのエントリを見ることはできませんが。

ただ、今後広告が挿入されるらしいので、ちょっと気がかり。

投稿: 2006年05月14日 (日) at 01:11   | | | |

◀   |   |   ▶
◀   |   |   ▶

©