ファビコンとは??

こういうサイト名の前についているマークです。

FC2-90.jpg

私のサイトのファビコンはこんな感じ☆

FC2-84.jpg

FC2-83.jpg

他のサイトさんとの区別もつきやすいですし、

自分のブログのシンボルマークがあるっていいですよね☆

FC2ブログのファビコンはFC2-89.jpgこんなのがついていますよね?

このファビコンを自分のサイト用に変更することが出来ますので

是非挑戦してみて下さい☆

 

まず、ファビコンにする素材を選びます。

「ファビコン素材」「Favicon 素材」などで検索するといろいろありますよ♪

 

無料配布されているフリー素材をダウンロードすると簡単です。

自分の持っている画像でもOKです。

ファビコンにするには、拡張子を変える必要があります。

JPEGなどの形式のものをicoに→こちらで変換します

FC2-91.jpg

「参照」をクリックして、ファビコンにする素材を自分のファイルなどから選び

矢印の「Generate FavIcon.ico」をクリックします。

 

例えば、私のプロフィールの画像を使ってやってみるとこんな感じになりました。

FC2-86.jpg

矢印の「Download FaIcon Package」をクリックして「保存」します。

圧縮ファイルで保存されるので、ファイルを開いて展開しておいて下さい。

FC2-93.jpg → FC2-94.jpg 展開→ FC2-92.jpg

「favicon」を使います。

ここまで出来たら、画像をアップロードします。

やり方を忘れた方は、→ FC2ブログ ~記事に画像を入れる 画像アップロード~

アップロード出来たら、画像のURLをコピーしておきます。

FC2-877.jpg

ここまでは、ファビコンにする素材を選んだというところまで出来たということです。

ここからは、いよいよファビコンを設定する作業になります。

管理画面左の「環境設定」→「テンプレートの設定」で「HTMLの編集」をします。

失敗しないためにも、テンプレートの複製(コピー)をお忘れなく~

「Ctrl」+「F」で検索窓を出して</head>を検索して探します。

その</head>の直前に以下のものを挿入します。

<link rel="shortcut icon" href="http://blog~~~.ico">

赤字の部分に先ほど、画像をアップロードしたときにコピーしておいたURLを入れます。

これで作業は完了です。

ファビコンがちゃんとついているか確認してみて下さい。

 

 タグ
None