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

広告

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

ファビコンを設定する

ファビコンの設定方法を確認するためにどのような場所で使用されるのかを確認してみます。自分のブログをブラウザで開くと、ブラウザのタブの部分に表示される小さいアイコンがファビコンです。独自のファビコンを設定していない場合、デフォルトで設定されている Blogger のファビコンが表示されています。

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

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

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

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

「レイアウト」画面が表示されます。

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

「ファビコン」のところに表示されている「編集」をクリックしてください。

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

ファビコンを設定するためのウィンドウが表示されます。ファビコンに設定する画像を選択するため「ファイルを選択」をクリックしファイルを選択してください。ファイルに関する条件は「 100 KB 未満の正方形の画像を使用してください」となっています。

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

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

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

独自のファビコンを設定することができました。「レイアウト」画面の「ファビコン」のところにも先ほど設定した画像が表示されています。

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

設定が反映されるには少し時間がかかる場合があります。

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

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

レイアウト画面でファビコンの設定ができない場合

Blogger では現在新しい Blogger を試すことができます。新しい Blogger を利用中に「レイアウト」画面を表示してもファビコンの設定個所がありません。

ファビコンの設定ができない場合(1)

そこで一時的に以前の Blogger に戻してファビコンの設定を行い、その後でまた新しい Blogger に戻すことでファビコンを設定できます。以前の Blogger に戻すには、画面左側に表示されている「以前の Blogger に戻す」をクリックしてください。

ファビコンの設定ができない場合(2)

すると「レイアウト」画面でファビコンの設定を行う個所が表示されますので設定を行ってください。

ファビコンの設定ができない場合(4)

ファビコンの設定が終わりましたら新しい Blogger に戻します。画面左側に表示されている「新しい Blogger を試す」をクリックしてください。

ファビコンの設定ができない場合(5)

これでファビコンの設定を行うことができました。

----

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

( Written by Tatsuo Ikura+ )

関連記事 (一部広告含む)
Profile
profile_img

著者 / TATSUO IKURA

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