Bloggerでファビコンを表示させる方法
スポンサーリンク
ブラウザのタブに表示されるファビコンを設定する方法を紹介します。
初期状態はオレンジ色のBマークが設定されています。特に何もしてなければこのアイコンが表示されます。
ファビコン用画像を準備する
最初にファビコンに使いたい画像を準備します。
以下のサイトで簡単に作ることができます。
右のパレットから色を選択して、1 マスづつぽちぽち塗っていきます。
完成したら「Download Favicon」から画像をダウンロードします。
これで画像の準備は終了です。
Blogger にファビコンを設置する
Blogger の「レイアウト」→「ファビコン」と進みます。
「ファイルを選択」から先ほどの画像を選びます。
「保存」して先ほどの画像が表示されていれば設定終了です。
表示には時間がかかるかも
キャッシュ等の関係でなかなか表示されないことがありますが、時間が経てば表示されるようになります。
どうしても今すぐ確認したければ、ブラウザのキャッシュを削除すると表示されるようになると思います。
HTML から設定する
先ほど紹介した方法の他に HTML を編集する方法もあります。
「テンプレート」→「HTML の編集」から以下のコードを<head>～</head>内に追加します。
<link href="ファビコンのurl" rel="shortcut icon" />
ファビコンのurlにはアップロードした画像の url を入力してください。
設定後は確認も忘れずに。
さいごに
このブログのファビコンを作っていなかったので、この機会にファビコンを設定しました。なけなしのデザインセンスで作りました。
今さらですが、他のサイトのすばらしいファビコンをみると憧れてしまします。
まあ、自分のブログにオリジナリティを出したい人はファビコンを設定するのはどうでしょうか。
では！
スポンサーリンク
関連記事
スポンサーリンク