ブログにファビコンを設定する

ファビコンはブログを表す小さなアイコンで色々なところで使用されます。例えば Blogger で作成したブログをブラウザで表示した時に、ブラウザのタブにファビコンは表示されます。デフォルトでは Blogger のファビコンが設定されています。ここでは Blogger のブログに独自のファビコンを設定する方法について解説します。

(2022 年 04 月 12 日公開 / 2022 年 05 月 25 日更新)

ファビコンを設定する

ファビコンを設定する方法です。ブログに設定したファビコンは色々なところで表示されますが、例えばブラウザで自分のブログを表示したときに、ブログのタブにブログのタイトルと一緒にファビコンは表示されます。明示的に設定していない場合は、 Blogger のデフォルトのファビコンが表示されます。

ファビコンを設定する(1)

ファビコンで使用する画像ファイルは正方形の形でサイズが 100 KB 未満のものを用意してください。画像ファイルの形式は ICO の他に PNG や JPEG でも大丈夫です。今回は次のような画像を用意しました。

ファビコンを設定する(2)

それではファビコンを設定します。 Blogger の管理画面左側に表示されている「設定」をクリックしてください。

ファビコンを設定する(3)

「設定」画面が表示されます。

ファビコンを設定する(4)

「基本」ブロックの中にある「ファビコン」をクリックしてください。

ファビコンを設定する(5)

ファビコンを設定するためのウィンドウが表示されます。ファビコンに設定する画像を選択するため「ファイルを選択」をクリックしファイルを選択してください。

ファビコンを設定する(6)

選択したファイルの画像が画面に表示されます。「保存」をクリックしてください。

ファビコンを設定する(7)

ファビコンの設定が完了しました。(設定が反映されるには少し時間がかかる場合があります)。

あらためてブログをブラウザで表示してみると、ブラウザのタブに独自に設定したファビコンが表示されていることが確認できます。

ファビコンを設定する(8)

----

ブログに独自のファビコンを設定する方法について解説しました。

( Written by Tatsuo Ikura )

広告
Profile
profile_img

著者 / TATSUO IKURA

初心者~中級者の方を対象としたプログラミング方法や開発環境の構築の解説を行うサイトの運営を行っています。