2010年9月6日

BloggerのFavicon(ファビコン)を変更する方法

このエントリーをブックマークに追加 このエントリーを含むはてなブックマーク Clip to Evernote
Bloggerではデフォルト状態だとFaviconは用意されている『B』になっています。


Faviconはブックマークやタブに表示されるアイコンのことです。

せっかくなのでブログのデザインに合わせた独自のFaviconに変更しました。

BloggerのFavicon変更の手順

1.Faviconを作る

  1. 16px×16pxの画像を作ります。画像はGIFやPNGで保存します。
  2. アイコン作成ソフトや変換サイトを利用します。私はここで変換しました。http://www.html-kit.com/favicon/

2.Faviconをアップする

  1. 作成した.icoファイルをサーバーにアップします。
    ボクはDropboxのPublicフォルダにアップしました。

3.HTMLを編集する


  1. テンプレート編集の <head>~</head> 内に、
    <link href='ファイルをアップしたURL/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
    を追加します。
  2. 追加後、テンプレートを保存します。
以上でFaviconの変更が完了です!



これでタブを複数開いていても判別しやすくなりました。

0 件のコメント:

コメントを投稿