FC2ブログ

TOP



▲リニューアルしました。

▲ 3/31 まで送料無料。

▲日本最大級のサイト。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

FC2 BLOG お気に入りアイコン(ファビコン)作成・設置方法

apple-touch-icon.png

お気に入りアイコン - favicon.ico(ファビコン)とは、ブラウザのアドレスバーやお気に入りのリストに表示される、16×16 の小さなアイコンのことです。

独自の favicon.ico を設定しておくことで、そのページをブックマークした際に、オリジナルの「お気に入りアイコン」が表示されるようになります。

1・まずはファビコン用の画像をGIFまたはPNG形式で作成する。

※ファビコンで使用する画像は、あらかじめ 16×16 に縮小しておくのが良い。
大きめの画像でもファビコン変換時に自動的に縮小され画質が悪くなってしまいます。
※ファビコンには、動いてるGIFも使えます。

2・次に、作成した画像をファビコン用の形式に変換します。

変換サイト  ・・・⇒ 「FavIcon from Pics

3・サイトにアクセスすると、Image to Use: という入力欄がありますので、
その項目の「参照」ボタンを押して、作成した画像ファイルを選択します。
選択を完了したら、その下の「Generate FavIcon.ico」ボタンを押します。

4・ページが切り替り、ファビコンのサンプルが表示されますので、
隣の「Download Favicon」ボタンを押します。

ダウンロードが開始されますので、任意のフォルダに保存してください。
ダウンロードしたファイルはzip形式なので、
解凍ソフトを使ってこのファイルを解凍します。

解凍したファイルの中に favicon.ico というファイルがあると思います。
これがファビコンですので、任意のフォルダに保存しておいてください。

5・FC2 BLOG 管理画面のファビコンファイル(favicon.ico)を
「ファイルアップロード」からアップロードしておきます。

6・FC2 BLOG 管理画面のテンプレートの設定 - HTML編集で下記の文章を記述します。
※ <HEAD> と </HEAD> で挟まれた部分に記述。

<LINK REL="SHORTCUT ICON" HREF="favicon.ico">

※HREF="" に、先ほどアップロードした「favicon.ico 」のURLを記述。

7・ブラウザを再起動すればアイコンが変わっていると思います。
※変わらない場合はブラウザのキャッシュ、一時ファイルを削除してから再起動してみて下さい。


長々とすみません。わからない場合はコメント下さい。

お疲れ様でした。

[ 2010/03/05 07:34 ] FC2 BLOG | TB(0) | CM(0)
コメントの投稿












管理者にだけ表示を許可する
トラックバック
この記事のトラックバックURL

管理人
管理人:dlpul



※質問、間違い等の指摘は
コメントでお願いします。
アクセスカウンター
オンラインカウンター
DQMJ 2 予約開始!
ドラゴンクエストVI 幻の大地
Wiiフィット プラス


僕も持っていますが、
意外と楽しいです!


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