ファビコン(favicon)

Home > Contents > Blog > ファビコン(favicon)

ファビコンを作ってみました。

モダンブラザーの方にはアドレスバーのURLの左にファビコンが表示されていると思います。

えっ、私もと言う方のためにメモしておきます。

■ファビコンの制作・設置方法

16×１６ピクセルでファビコンの画像を作る。favicon.ipgとして保存
Favicon Japan!!http://www.favicon.jp/にアクセス。
Favicon自動生成でファビコンを作成。ダウンロードする。
ダウンロードしたファイルは『favicon.ico』としてローカルのデスクトップに保存されている。
このfavicon.icoを任意の名称に変更する。（このブログの場合は『bbd.ico』にしました）
ftpでindex.htmlと同じ階層にアップロードする。（このブログの場合はhttp:bitbizdesign.com/bbd.ico/)
ファビコンを表示させたいページの<head> </head> 内に下記を記述
<link rel="shortcut icon" href="ファビコンまでのパス/任意の名称.ico" />
このブログの場合は
<link rel="shortcut icon" href="http://bitbizdesign.com/bbd.ico" />

で履歴、キャシュをクリアーして終了です。

■MTの場合
メインページ、アーカイブの各テンプレートに
<link rel="shortcut icon" href="<$MTBlogURL$>bbd.ico" />
を追加して再構築します。
bbd.icoはこのブログの場合で、あくまででも『任意の名称.ico』になります。

一般的に『favicon.ico』でアップロードするような説明が多いようですが、うまくいかない事があります。
サイトのタイトルに合わせて『◯×.ico』とした方がスムーズにいきます。

【注意点】