FC2ブログのアイコン、ファビコンを変えてみたよ

ダイエットと言いながら、なかなか腹八分目ができないブルーです (o ̄ 3 ̄o) ..zzZZ



久々にブログの中をカスタマイズしてみました。

ファビコン(favicon)って知ってます

Webを開いた時のタブに付いていたり、お気に入りに入れるとサイト名の横に表示されるアイコンです。

favorite icon(お気に入りアイコン)だから、favicon らしい。。。

ブログのアイコン_ファビコン設定_10

本サイト『子ばなれパパの自転車日記』はFC2ブログを利用していますので

FC2のユニコーンのアイコンになっています。

ブログのアイコン_ファビコン設定_11

Livedoorブログは簡単にこのアイコンが変えられるんですが、FC2ブログはちょっとハードルがあります。

せっかくなので、FC2ブログのファビコン設定を試みながら話を進めてみましょう \(^o^)/

まずは、自分専用のファビコンとなる画像を作らないといけません。

見ての通り小さな画像なので、シンプルがいいですよ。

使っているブラウザ(Internet Exproler、Google Chromeなど)によっても違うようですが、一番小さいもので16px × 16pxのサイズになります。

とりあえず、パワーポイントでサクサクと作ってみました。

サイズは、16pxとか関係なく適当に作っています。変換ツールがありますので、適当でOKです( (v ̄ω ̄タブン

細かな絵にしても見えないので、●に 88 だけにしました。

88は、子ばなれパパのパパ=88です。

そして、誕生日が8月8日なので、88 My数字なんです

ブログのアイコン_ファビコン設定_1

ファビコンは、拡張子が .ico という特殊なファイルになるので、Web上で使える変換ツールを使います。

X-Icon Editor

http://www.xiconeditor.com/

使い方がよく分かりませんでしたが、とりあえず「Import」をクリックして

ブログのアイコン_ファビコン設定_2

先ほど作成した画像ファイル(pngファイル)を取込むと、レイアウトのプレビュー画面が表示されるので、枠を広げたり、移動したりして大きさや位置を調整します。

右側には4つのサイズで作られるようなレイアウトが表示されているのでチェックを入れて、4つのサイズを一気に使っちゃいます。

先ほど、使用するブラウザによってサイズがいろいろあると書きましたが、サイズ違いを作っておくと、ピッタリサイズが適正に表示されるようになるみたいです。

「OK」で決定すると

ブログのアイコン_ファビコン設定_3

絵がドット表示になって、きちんと変換されたみたいです。

「Preview」をクリックするとどんな感じで表示されるかを確認できます。

ここで見せちゃうと。。。なので、「Export」でファイルのダウンロードにすすみます。

ブログのアイコン_ファビコン設定_4

favicon.ico が出来ました (☆∀☆)

ブログのアイコン_ファビコン設定_5

準備ができましたので、FC2ブログに設定していきましょう

画像と同じように、「ファイルアップロード」します。

ブログのアイコン_ファビコン設定_6

アップロードされると、ファイルのURLが生成されます。

こちらをコピーして

ブログのアイコン_ファビコン設定_7

「テンプレートの設定」のHTMLに追加で書き込みます。

CTRL + F で ”/body>” を検索します。黄色になっているところです。

その直前に追加をしました。

追加はこんな感じです。太字部分はicoファイルをアップロードしたURLになります。

くlink rel="icon" href="https://blog-imgs-XXXXXX/favicon.ico">

ブログのアイコン_ファビコン設定_8

「更新」すれば、ファビコンが変わりました (☆∀☆)

ブログのアイコン_ファビコン設定_9


変わらない方は、キャッシュの削除が必要みたいです。

やり方はググってください

( ゚∀゚).。oO どうしても変えたい人はいないでしょ

それから、せっかくなのでお気に入りも入れ直したりすれば、新しいファビコンが表示されますよー 

┗(^ω^ )┛ドンドッドドン


●に88は、子ばなれパパの自転車日記のブログって覚えてくださいねー


事前にいろいろ調べての実践ですが、ブログを書きながら1時間ぐらいで設定が完了しました。

半分ぐらいは、キャプチャーを取ったり、整理している時間だったので、設定自体は15分ぐらいでできちゃいます (^ν^)

時折、変わるかもしれないので、今後も注目してくださいね



ぜひ、FC2ブログの方は ファビコン変えてみましょう


 



Topブログブログ術 > FC2ブログのアイコン、ファビコンを変えてみたよ
関連記事
blog

2 Comments

kona  

オハヨウゴザイマ~ス、BLUEサン <m(__)m>

※ブログの内容と全く違uという事をお許し下さい。

本日、OH が完了したとの事で引き取って参ります。

引き取ってそのまま足慣らしとして鶴見川を走って参ります。

イヤ~出来上がりが楽しみだなぁ~ \(^o^)/ヤッホー

2018/04/22 (Sun) 08:36 | EDIT | REPLY |   
ブルー

ブルー  

Re: タイトルなし

kona さん、こんばんは~♪

返信遅くなってしまいました。。。

GW前に間に合いましたねー!おめでとうございまーす!\(^o^)/

これは、GWは晴れ間違いなしですね!

私は、怒涛の9連休の予定なので、ガンガン走りたいと思っています。┗(^ω^ )┛

2018/04/24 (Tue) 00:19 | EDIT | REPLY |   

Add your comment