2006年01月30日

seesaa blog にショートカットアイコン(favicon)をつけてみる このエントリーをはてなブックマークに追加

こんにちは。三木のり平です(嘘です)。「ごはんですよ」(謎)。

seesaa blogのHTML編集を使ってサイトにショートカットアイコンをつけてみた。
ショートカットアイコンとは Firefox や Internet Explorer などでブックマークをつけたときにカスタマイズされたアイコンがブックマークと一緒に登録されたりするもののよーである。faviconなどとも呼ばれているっぽい。

やりかたはとっても簡単。
1. 先ずiconを作成する。このiconはbookmarkしたときに表示されるiconで、だいたい16x16とか32x32とかで256色で作るっぽい。で、画像ファイルの形式はGIF形式でも大丈夫な感じ。
2. アニメーションGIFなどを利用したい場合は下記URLでアニメーションGIFを作る。

ファイル名はfavicon.gifとしておこう。
3. Seesaa ブログ 管理画面 から自分のブログを選択後、「ツール」→「ファイルマネージャ」で、作成したGIFファイルをアップロードする(仮にryouchi.up.seesaa.net/image/にfavicon.gifをアップロードする。
4. 管理画面から「デザイン」→「HTML」を選択し、現在利用しているHTMLを編集する。
5. <head> 〜 </head>の中に下記を追加する。
<link rel="shortcut icon" href="http://ryouchi.up.seesaa.net/image/favicon.gif" />
<link rel="icon" href="http://ryouchi.up.seesaa.net/image/favicon.gif" type="image/gif" >

6. 再構築する。

で、できると思われる。
#基本的にseesaa以外でもこの方法で実装できると思われる。

FirefoxだとfaviconにアニメーションGIFを設定するとサイトを表示した際にアイコンがアニメーションされるよーな予感がする。
Internet ExplorerではアニメーションGIFは機能していないよーなきがする。

うーむ、よくわかんないな。(まあ、できなくても体制に影響はない・・・)
posted by りょーち | Comment(0) | TrackBack(0) | Web周辺技術
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント: