ファビコン画像とは?

ファビコン画像とは、ブラウザのタグ部分などに表示される小さなアイコン画像のことです。

アメブロだと、初期状態では下のようなファビコンになっておりますが、別のファビコン画像に変えたい、という人もいるかと思います。

この記事では、どうすればアメブロでファビコン画像を設定できるかについてご紹介いたします。

アメブロにファビコン画像を設定する方法3 (1)

ファビコン画像を用意する

まず、ファビコンに表示する画像を用意します。

画像を用意する方法につきましては、アメブロのタイトルをヘッダー画像に変更する方法「ヘッダー画像を用意する」と同様なのですが、こちらの画像は16px×16pxと小さいものになりますので、その点はご注意ください。

参考までに、いくつかの自由に使えるアイコンサイトをご紹介します。

【FLAT ICON DESIGN】
http://flat-icon-design.com/
【ICOON MONO】
http://icooon-mono.com/
【Icon Monstr】
https://iconmonstr.com/

画像のアップロード

ファビコン画像が用意できたら、次はその画像をアップロードし、アドレスをコピーします。

ブログ管理画面の右上にある「三本線」ボタンを、押して出てきたメニューの「画像フォルダ」を押します。

アメブロにファビコン画像を設定する方法3 (7)

「画像の追加」「ファイルの選択」よりヘッダー画像を選択し、「タイトル」を入力して「アップロード」を押します。

アメブロにファビコン画像を設定する方法3 (8)

アップロードした画像が下に表示されるため、それを押します。

アメブロにファビコン画像を設定する方法3 (9)

「画像のタイトル変更」と表示されるため、画像を右クリックし、「画像アドレスをコピー」を選択し、コピーされたアドレスをメモ帳などに保存します。

アメブロにファビコン画像を設定する方法3 (10)

フリースペース編集

ファビコン画像をアップロードし、アドレスを控えたら、フリースペースを編集します。

ブログ管理画面の右上にある「三本線」ボタンを、押して出てきたメニューの「フリースペース編集」を押します。

アメブロにファビコン画像を設定する方法3 (2)

テキストボックス欄に、以下の内容を書き込み、「保存」を押して、「フリースペースの配置設定はこちら」を押します。

<link rel="shortcut icon" href="【表示したい画像のURL】">
<link rel="icon" href="【表示したい画像のURL】">

アメブロにファビコン画像を設定する方法3 (3)

「サイドバーの配置設定」「使用しない機能」にある「フリースペース」を押します。

なお、「フリースペース」「使用する機能」にある場合は、ここから先は不要です。

アメブロにファビコン画像を設定する方法3 (4)

「フリースペース」が移動できるようになるので、「使用する機能」へ移動します。

「使用する機能」での位置はどこでもかまいません。

「保存」を押します。

アメブロにファビコン画像を設定する方法3 (5)

ファビコンの画像が変更されました。

アメブロにファビコン画像を設定する方法3 (6)

まとめ

以上、アメブロで好きなファビコン画像を設定する方法についてご紹介させていただきました。

小さなファビコンですが、例えば多くのタグが開いた場面など、アピールできる場面は多々あると思います。

皆さんもほかのブログとの差別化を図るためにカスタマイズしてみましょう。

「アメーバキング2」アメブロ売上倍増&アクセスアップの多機能ツール

http://ci-s.net/amebaking2/

  • アメブロのPCとスマホの広告を表示させない方法
  • アメブロのサイドバーに広告を貼る方法
  • アメブロに広告を横並び表示させる方法
  • アメブロの最新記事一覧を1行表示させる方法

Twitterでフォローしよう

  • ネット副業収入
    いままでのネット副業収入実績
    2018年1月7日
  • アフィリエイト
    無料ブログでのアフィリエイト危険性4つの理由
    2018年6月2日
  • ネット副業種類
    モノオク登録方法、自宅の空き部屋、空きスペースを貸すだけの副業
    2019年6月19日
  • アフィリエイト
    プロアフィリエイターの作業環境やツール、サイト11個紹介
    2018年5月11日
  • アフィリエイト
    アフィリエイト初心者におすすめのASP一覧 11選
    2018年8月18日
おすすめの記事
ネット副業収入
今回は、じょうまさふみネット副業年収2015年について紹介します。 2015年は、年収100万円こえることができませんでした。 あと3万円で...
FC2ブログ カスタマイズ初心者講座
目次1 FC2ブログの広告2 PC用テンプレートの広告の位置3 環境設定4 ページ上部の検索バーの広告を非表示にする5 記事下の広告を非表示...