久しぶりにというか、最近またCSSやらを触るのにはまってしまいました。
覚えることができないのが問題なのです･･･
無料ブログサービスによってカスタマイズできる範囲が違ってま、そこにもついていけてないわけですが
いやぁ、疲れますな。
それでもって見た目と言うか、ファビコンがやってみたくてですね。
あちこち放浪しています。
ファビコンってね、アドレスバーにアイコンがついてるやつ。
FC2だと、おうまさんのような16×16 の小さなアイコン。
16×16 の小さなアイコンを作るのは簡単だけど、どうやって表示させるかが問題だ！！
そう、私がしたいブログではHTMLを編集できないからだ！
ならば、FC2で、やってみるべと言うことでやってみた♪
いかがでしょう？
アドレスバー見ていただけましたでしょうか？
初心者ブログなので初心者マークっぽくしてみましたがヾ(;´ω｀A
では、さっそく変更の仕方です
1. ファビコン用の画像を作成する
小さな画像なので時間はかからないと思いますが、正方形の画像を準備します。
私は最初から16ｘ16で作りました。多少大きくても何とかなりますが、縮小したときに醜くなるかもしれません。
作成した画像は、GIFやPNG形式等で保存しておきます。
2. ファイル形式を変換する
作成した画像は、ファビコン用の形式に変換する必要があります。
FavIcon from Pics（変換サイト 英語です）で変換します。
こんなのがあるので、参照ボタンを押して１で作成した画像をアップロードします。
するとプレビューと少し下に
【Download FavIcon Package】
っていうリンクがあるので押すとzip形式でダウンロードすることになります。
それを任意の場所に解凍するとフォルダの中にfavicon.ico ってのがあります。
次にコレをアップロードするわけです。
3. ファビコンファイルをアップロードする
さっきファビコンファイル（favicon.ico）に変換したものを、サーバーにアップロードします。
アップ路どしたファビコンファイルのhttp:// で始まるパスを控えておいてくださいね。
4. HTMLにタグの設定
＜HEAD＞ ～ ＜/HEAD＞ 内に、
リンクを入れます。
HREF＝”のところにさっきのhttp:// で始まるパスをいれます。
それで保存するとファビコンが表示されているはずです。
ブラウザーによって表示されないとかあるみたいなので何とか確認してみてください。
IE8は表示されます。
リンクはFavIcon from Picsで変換したときに右の方に記述が出ています。
それの上のタグです。
すごく簡単なのです。
きっと、この記事かいてるほうが時間がかかりますｗｗｗ
あと、いつものことながらこれについての問題が生じても責任は取れませんので
あしからずご了承ください。
覚えることができないのが問題なのです･･･
無料ブログサービスによってカスタマイズできる範囲が違ってま、そこにもついていけてないわけですが
いやぁ、疲れますな。
それでもって見た目と言うか、ファビコンがやってみたくてですね。
あちこち放浪しています。
ファビコンってね、アドレスバーにアイコンがついてるやつ。
FC2だと、おうまさんのような16×16 の小さなアイコン。
16×16 の小さなアイコンを作るのは簡単だけど、どうやって表示させるかが問題だ！！
そう、私がしたいブログではHTMLを編集できないからだ！
ならば、FC2で、やってみるべと言うことでやってみた♪
いかがでしょう？
アドレスバー見ていただけましたでしょうか？
初心者ブログなので初心者マークっぽくしてみましたがヾ(;´ω｀A
では、さっそく変更の仕方です
1. ファビコン用の画像を作成する
小さな画像なので時間はかからないと思いますが、正方形の画像を準備します。
私は最初から16ｘ16で作りました。多少大きくても何とかなりますが、縮小したときに醜くなるかもしれません。
作成した画像は、GIFやPNG形式等で保存しておきます。
2. ファイル形式を変換する
作成した画像は、ファビコン用の形式に変換する必要があります。
FavIcon from Pics（変換サイト 英語です）で変換します。
こんなのがあるので、参照ボタンを押して１で作成した画像をアップロードします。
するとプレビューと少し下に
【Download FavIcon Package】
っていうリンクがあるので押すとzip形式でダウンロードすることになります。
それを任意の場所に解凍するとフォルダの中にfavicon.ico ってのがあります。
次にコレをアップロードするわけです。
3. ファビコンファイルをアップロードする
さっきファビコンファイル（favicon.ico）に変換したものを、サーバーにアップロードします。
アップ路どしたファビコンファイルのhttp:// で始まるパスを控えておいてくださいね。
4. HTMLにタグの設定
＜HEAD＞ ～ ＜/HEAD＞ 内に、
リンクを入れます。
HREF＝”のところにさっきのhttp:// で始まるパスをいれます。
それで保存するとファビコンが表示されているはずです。
ブラウザーによって表示されないとかあるみたいなので何とか確認してみてください。
IE8は表示されます。
リンクはFavIcon from Picsで変換したときに右の方に記述が出ています。
それの上のタグです。
すごく簡単なのです。
きっと、この記事かいてるほうが時間がかかりますｗｗｗ
あと、いつものことながらこれについての問題が生じても責任は取れませんので
あしからずご了承ください。
![](http://www.edita.jp/rinrinafili/image/rinrinafili4578/di")
![](http://www.edita.jp/rinrinafili/image/rinrinafili4578/ects4JhKihQ"){kind=small}
![](http://www.edita.jp/rinrinafili/image/rinrinafili4578/VwKGWhLLbdc"){kind=small}
![](http://www.edita.jp/rinrinafili/image/rinrinafili4578/YU6UyagFYe4"){kind=small}
です。
[ http://blog.fc2.com/ ] 
