faviconの設定・設置方法

ファビコン生成ツールでファビコンを作成できたら、Webサイトへアップロードします。
次に、HTMLファイルをエディタで開き、<HEAD>~</HEAD>セクション内に
以下のコードを追記します。(同ディレクトリにfavicon.icoがある場合) 。


<link rel="icon" href="favicon.ico" type="image/x-icon" /> 
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

ブラウザでWebサイトへアクセスし、ファビコンが表示されるか確認します。
インターネットエクスプローラで表示されない場合は、インターネット一時ファイルおよび履歴の削除を行ってから再度テストを行って表示されるか確認します。

応用編:ブログサービス、Bloggerへのファビコン設置方法

Googleの提供する無料のブログサービス、Bloggerへオリジナルのファビコンを設置するには、予めファビコンファイルを「好きなファイル名.ico」に変更し、Googleサイトなどへアップロードしておきます。
次に、Bloggerのレイアウト→HTML編集で、<HEAD>~</HEAD>セクション内に、アップロードしたファビコンへのURLを記述したコードを追記します。


<link href='http://~/hoge-favicon.ico' rel='shortcut icon'/>
  

ブラウザでWebサイトへアクセスし、ファビコンが表示されるか確認します。