ブックマークアイコン(ファビコン)をBloggerで表示する方法

Bloggerでブックマークアイコン(ファビコン)を追加する方法を、
あまりに簡単すぎて投稿する意味さえなさそうですが、
念のため投稿します。

はじめに

他の無料ブログで試した際にちょっと苦労したこともあり、
Bloggerでブックマークアイコン(ファビコン)を表示する方法を
投稿しようと思いましたらあまりにもあっけなく、
投稿する気さえなえてしまうような簡単さでした。

一応、ブログサービスの検討という意味で、
投稿をさせてもらってますので一応書き残します。

おそらくこのBlogger＋ファビコンで検索をされる方は、
ほとんどいないんでしょうね・・・。


この投稿は、以下投稿の詳細ページです。
「無料ブログ各社のブックマークアイコン(favicon)変更可否と方法」
もしお時間があれば本編もどうぞ。

概略

アイコンファイルを用意し、
Bloggerの管理ページで[ファビコン]と表示されている部分で
アイコンを指定して終了です・・・。

表示するアイコンの準備

まずアイコンに割り当てたい画像を用意する必要があります。
画像の作成方法等に関しては以下の投稿を参照願います。

１つのアートボードを使ったIllustratorによるFavicon画像の作成
複数アートボードを使ったIllustratorによるFavicon画像の作成

Internet Explorerによる表示を除けば、
16pxサイズのGIFやPNG画像を用意し、
割り当てることで表示が可能ですがInternet Explorerでは表示されません。

多くの方が利用されているであろうInternet Explorerで、
表示されないのではあまり意味がありません。

その為、16px、32px、48pxで作成した画像を、
ico形式のファイルに割り当てることで、
一般的なブラウザで表示されるようになります。
今回は、以下の画像を利用してicoファイルを生成しています。
画像ファイル(PNG、GIF、JPEG)ファイルからのアイコン(ico)ファイル化

16px

32px

48px

今回作成したicoファイルはこのファイルです。

icoファイル

Bloggerへのファビコン設定

Bloggerの管理画面より[レイアウト]をクリックします。
表示されたファビコンのガジェット内の[編集]をクリックします。

ファビコンを設定の画面より、
先ほど作成したアイコンファイルを指定します。

アイコンファイルの選択が終わりアップロードされると、
アップロードしたファイルが表示されます。
[保存]をクリックしウィンドウを閉じます。



Blogger管理画面のガジェットに戻り、
ファビコンのガジェットに対して、
今設定したアイコンが表示されていることを確認します。



以上で設定は完了です。

各ブラウザの表示確認

今設定したファビコンが設定されているかを

各ブラウザで確認します。

簡単すぎるほど簡単に設定を行うことができました。

wordpressで構築したサイトよりも、
この点でははるかに簡単に設定を行うことができました。

参考まで

wordpressサイトにブックマークアイコン(Favicon／ファビコン)を追加する


Bloggerでこんな簡単なことでさえ、
無料ブログサービスでは苦悩させられてしまったりするものです。

ブックマークアイコン(ファビコン)をウェブリブログで表示する方法

ブログサービスをどこにするかを考えるときに、
こんなちょっとしたことでも、
検討の材料にすることは大切なことだと思います。


最後までお読みいただきありがとうございました。
アルゴリズン