faviconをつけてみる#2(ちょっと修正)

ココログベーシックでの現状は…
Firefoxではfaviconが表示される。IEではNG。
ただし、HTML仕様的にはイリーガルな方法。
＃HEAD外にLINKタグ置くので…つうか、そもそもHEAD内が書けない(つд｀)

とりあえず、ひととおりの設定方法を

1.アイコンの元画像の作成

まずは16ｘ16の画像を作成、フォーマットはBMPかPNGが、色数は256色(8bit)が良いでしょう。
大きいアイコン用に32x32を用意しても構いませんが、ココログベーシックに載せる限りは日の目見ることはないかも知れません。

2.元画像ファイルのアイコン化

@icon変換を使用します。
先ほど作成した「元画像」をD&Dすると、左にリスト表示されます。
アイコンにしたいファイルが1つの場合は、
ファイル→単独iconとして保存
複数ファイルをアイコンにしたい場合は、対象のファイルをすべて選択した状態で
ファイル→マルチiconとして保存

ファイル名を「favicon.ico」として保存します。

3.アイコンファイルをココログサーバにアップロードする
(2005.03.12修正：　こんな面倒な方法で無くてもUploadできました(^^;
参考記事: フェイバリットアイコン表示方法　thx for rhino10さん)

編集画面の「ファイルの挿入」アイコンでアップロードできます。
アップロード先は、「http://自分のBlogのアドレス/files/favicon.ico」
となります。

(Obsoleted)

ココログベーシックではWebブラウザのアップローダ経由でUP出来るファイルの形式に制限があるようで、.icoの拡張子をもつファイルをUP出来ない模様。
そこで、Blogエディタと呼ばれるツールを使用します。
使用したのは「BlogWrite」
＃ubicast Blogger ではアップロード時にファイル名が自動的にリネームされるため、アップロード用途にはあまりオススメできません。

インストールの説明はすっ飛ばして、ファイルアップロードの設定。
まず、任意のディレクトリにファイルをアップロードしたい場合は次の設定を。
設定→全体的な設定→メディアファイル等のアップロードディレクトリの指定
デフォルト設定は「media」ですが、ここを空欄に設定すると、ファイルはblogのトップディレクトリに置かれます。
今回の説明ではここを空欄にしたと仮定して話を進めます。

ファイルのアップロードは
ツール→ファイルのアップロード
ファイル選択メニューが表示され、ファイルを選択すると、先ほど設定したディレクトリにファイルがアップロードされます。
ここでは作成したfavicon.icoを選択します。
ファイルを選択すると、無事アップロードが完了するはずです。

アップロード完了時にUPしたファイルのURLが表示されますので、これを忘れないように

3.5.アップロードの確認

先ほど表示されたURLをブラウザから入力して、ファイルの所在を確認してみましょう。
画像が表示されればOKです。

アップロードしたときに表示されたURLを忘れた方は、おそらくBlogのトップページ下に保存されているはずですので、「http://自分のBlogのアドレス/favicon.ico」にアクセスしてみましょう。

表示されなかった場合は、ココログの管理画面からファイルを確認しましょう。
コントロールパネル→ファイル
blogのトップディレクトリはURLより分かります。うちの場合URLは「http://tf222.moe-nifty.com/blog/」ですのでトップディレクトリは下線の部分「blog」です。
先ほどの管理画面にトップディレクトリ名のうリンクがありますので、そこをクリックしディレクトリの中を見ますと、「2004」「2005」といったディレクトリ名に混じって「favicon.ico」が見つかるはずです。

見つかった場合は入力したURLのタイプミスを疑ってください。

見つからなかったら、Blogツールの設定を確認後、再アップロードしてみてください。

4.faviconを表示させるように設定する

ココログの管理画面で自分のBlogを選択し、
設定→基本設定
ウェブログのサブタイトル（キャッチフレーズ）： に
<LINK REL="SHORTCUT ICON" href="アップロードしたfaviconのURL">
を追加します。
変更を保存→サイトに反映→(ポップアップが開く)→(すべてのファイルを選択して)反映

5.Firefoxで表示

ダメだった場合は、まず、faviconのURLを確認。
ブラウザでfaviconの置き場所として指定したURLを入力してiconが表示されないようだったら、iconの場所指定が間違っている可能性が高いです。また、アイコンを他の鯖に置いた方は、その鯖で.icoファイルのMIME設定がされていないかも知れません。

URLを入れてブラウザからiconが見えた場合はキャッシュをクリアしたり、リロードしたりしてみてください。
あと、ココログベーシックのページではこの設定ではIEでfaviconが表示されません、ご使用中のブラウザの再確認を。

まぁ、こんなところで

(追記)
興味深いJavaScriptの設定があったのでリンクしときます(→じゅかの独り言:favicon.ico（ファビコン）)
でも、ココログベーシックではダメぽい(つд｀)