$hide=page-404-mobile

$type=carousel$columns=4$cat=hide$show=home

Blogger ブログサイトにFaviconを設定する方法


ファビコンは、ブラウザーのタブやブックマーク、アドレスバーなどに表示される小さなアイコン画像のことです。専用のファビコンをサイトに設定すると、ちょっとしたアクセントになります。ファビコンは、ユーザーにサイトのロゴのイメージを与えるようなブランディング効果もあります。

[post_ads]

ファビコンは、各種ブラウザとの互換性を持つICOのファイルフォーマットが普及しています。サイズは、16x16, 32x32, 48x48, 64x64等があります。Appleの製品で使用されるアップルタッチアイコンではさらに大きいサイズも使用されています。

各種サイズや端末に合わせてファビコンをマニュアルで設定するのは、ちょっとした手間がかかります。なれていない人、サイト運営の初心者の方がご自分で設定するのは大変です。

幸いなことにBloggerでは、簡単にサイトオリジナルのファビコンを設定する機能を備えています。(WordPressでもファビコンは簡単に設定できます。


Blogger ブログサイトでのファビコンの設定手順


1. 事前に方形で100KBファビコン用の画像を用意します。
2. Blogger 管理メニューのレイアウトをクリックして、レイアウトページを表示します。レイアウトの最上部左に表示されている「ファビコン」のガジェットエリアの「編集」をクリックします。


3.  「お気に入りアイコン(ファビコン)を設定」のウィンドウが開かれます。[Choose File]のボタンを押して、1で用意したファビコン用の画像ファイルを選択して、アップロードします。


4. アップロードされたファビコン画像がプレビュー表示されます。問題ないことを確認の上、[保存]ボタンを押します。


画像がファビコンに適さない時は、アップロードした画像を削除し、代わりの画像をアップロードします。

5. ファビコン設定ウィンドウが閉じて、Bloggerのレイアウト画面に戻ります。レイアウトページのファビコンガジェットエリアには、デフォルトのBloggerのアイコンに代わって、アップロードしたオリジナルのファビコンが表示されます。


6. ブラウザでBloggerのサイトを表示させ、ブラウザタプに設定したファビコンが適切に表示されていれば、設定作業完了です。


上の画像と下の画像でのファビコンの表示は、ちょっとした違いですが、デフォルトのBloggerのファビコンからサイトオリジナルのファビコンに変わると、視覚的に受ける印象は異なります。


Bloggerでは、簡単にファビコンを設定できるので、是非、オリジナルのファビコン画像を設定なさることをお勧め致します。

コメント

関連記事とスポンサーリンク

名前

AdSense,4,Blogger SEO,10,Blogger 活用法,18,Bloggerの基本機能と使い方,9,Bloggerの基本設定,7,MagOne,3,SNS,4,お勧め記事,14,お知らせ,1,
ltr
item
Blogger101@ブロギングライフ : Blogger ブログサイトにFaviconを設定する方法
Blogger ブログサイトにFaviconを設定する方法
ファビコンは、ブラウザーのタブやブックマーク、アドレスバーなどに表示される小さなアイコン画像のことです。専用のファビコンをサイトに設定すると、ちょっとしたアクセントになります。Bloggerでは、簡単にサイトオリジナルのファビコンを設定する機能を備えています。
https://2.bp.blogspot.com/-X97bk2orWrQ/WmVtUUIZsII/AAAAAAAAB3Y/Oaf6nMPN2_Av9wG6ZqIBKaYvJcny5eZBwCK4BGAYYCw/s640/How%2Bto%2Binstall%2Bcustom%2Bfavicon%2Bin%2BBlogger.png
https://2.bp.blogspot.com/-X97bk2orWrQ/WmVtUUIZsII/AAAAAAAAB3Y/Oaf6nMPN2_Av9wG6ZqIBKaYvJcny5eZBwCK4BGAYYCw/s72-c/How%2Bto%2Binstall%2Bcustom%2Bfavicon%2Bin%2BBlogger.png
Blogger101@ブロギングライフ
https://blogger101.blogging-life.com/2018/01/set-up-custom-favicon-on-blogger.html
https://blogger101.blogging-life.com/
https://blogger101.blogging-life.com/
https://blogger101.blogging-life.com/2018/01/set-up-custom-favicon-on-blogger.html
true
6719002676499593843
UTF-8
Loaded All Posts Not found any posts 全てを見る さらに読む Reply Cancel reply Delete By Home PAGES POSTS View All 関連記事 ラベル アーカイブ SEARCH ALL POSTS お探しのページが見つかりませんでした。 Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock コードを全てコピー コードを全ての選択 全てのコードをクリップボードにコピーしました Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy