ファビコン画像とは?

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

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

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

アメブロにファビコン画像を設定する方法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/

  • アメブロの記事の日付を非表示にする方法
  • アメブロのタイトルをヘッダー画像に変更する方法
  • アメブロのサイドバーに広告を貼る方法
  • アメブロにファビコン画像を設定する方法

Twitterでフォローしよう

  • 仮想通貨
    【初心者にオススメ】ビットコインや仮想通貨(暗号資産)取引所ランキング
    2021年5月28日
  • 仮想通貨
    【知らないとヤバイ】不労所得は存在しないのか?ウソなのか?
    2021年8月30日
  • アフィリエイト
    アフィリエイト初心者におすすめのASP一覧 11選
    2018年8月18日
  • 仮想通貨
    【知らない損する】ビットコイン初心者が勘違いしていること5つ
    2023年3月22日
おすすめの記事
ネット副業種類
目次1 げん玉について2 メールアドレスを用意する3 げん玉へ無料会員登録する4 まとめ げん玉について げん玉とは、株式会社リアルワールド...