ページTOPへ

Seesaaブログにファビコンの作成と設置方法【新システム】

Seesaaブログにファビコンの作成と設置方法【新システム】



当サイトからご購入の方に豪華特典付き!






Seesaaブログにファビコンの作成と設置方法【新システム】

 

 

favicon(ファビコン)は下図のように、ブログのタイトルバーなどに表示される小さなアイコンのことです。

 

 

ファビコンを設定すれば、お気に入りやブックマークされた時、自分のサイトを見つけやすくなりますし、他のサイトとの差別化もできるので、おすすです。

 

ここではシーサーブログ【新システム】にファビコンの作成と設置する方法を紹介したいと思います。

 

 

ファビコンの作成

 

ファビコンを設置するためにはファビコンに使う画像を用意する必要があります。

 

表示されるアイコンのサイズは基本的に「16px」×「16px」ですが、このサイズで用意する必要はありません。ただし、正方形の画像を用意しておいた方がいいと思います。

 

今回は下記の無料ウェブサービスを使ってファビコンを作成しましょう。

 

⇒半透過マルチアイコンfavicon.icoを作ろう!

 

 

 

 

作り方はとても簡単です、「画像1」の「ファイル選択」より用意したPNG画像ファイルを指定して、「アイコン作成」ボタンをクリックします、

 

そして、背景色を選択して、「アイコンダウンロード」ボタンをクリックすれば、完了です!

 

 

Seesaaブログにファビコン設置の手順

 

1、保存したファビコン画像をシーサーブログにアップロード

 

シーサーブログの管理画面から「ファイルマネージャ」をクリックして先ほどダウンロードした「.ico」形式の「fabicon」を選択しアップロードします。

 

 

 

アップロードしたら、ファイル一覧という部分に「favicon.ico」という名前のファイルをクリックして、表示された画像のURLをコピーしてメモ帳等に貼り付けておきましょう。

 

 

 

コピーした画像ファイルのURLを下のコードの中に入れて下さい。

 

<link rel="shortcut icon" href="画像URL" />

 

 

2、HTMLにファビコン画像を追加

 

シーサーブログの管理画面⇒「デザイン」⇒「デザイン設定」をクリックします。

 

 

 

設定したデザインタイトルをクリックして、「HTML編集」をクリックします。

 

 

 

HTMLの「head」と「/head」の中の好きな位置に先ほどのコードを入れて保存します。

 

 

 

 

私の場合は「/head」の直前に入れてます。設置できたら一番下の「保存」をクリックして完了です。これで自分のブログのファビコンが表示されるはずです。

 

 

 

関連ページ

Seesaaブログ【新システム】のヘッダー画像を設置する方法
Seesaaブログ【新システム】のヘッダー画像を設置する方法について解説します。
Seesaaブログ【新システム】のヘッダー画像の下にメニューバーを設置する方法
Seesaaブログ【新システム】のヘッダー画像の下にメニューバーを設置する方法について解説します。
Seesaaブログ新デザインシステムのパンくずリストを設置する方法
Seesaaブログ新デザインシステムのパンくずリストを設置する方法について解説します。
Seesaaブログ【新システム】の背景や文字を自由に変更する方法
Seesaaブログ【新システム】の背景や文字を自由に変更する方法について解説します。
Seesaaブログ【新システム】をSearch Consoleと連携させる方法
Seesaaブログ【新システム】をSearch Consoleと連携させる方法について解説します。

初心者でも月10万円

カテゴリー


ホーム 初心者のための講座 お小遣いサイト攻略法 お役立ち情報 初心者のための教材