faviconをつくってみた

まずはアイコンを作る。
favicon.ico Generator（http://www.favicon.cc/favicon）というwebサイトを使い作成した。


16×16のマスに色を埋めていくだけでアイコンを作れるサイト。無料で気軽に利用できる。イメージも表示されているので確認しながら作っていける。

できたらダウンロードし、ダウンロードされるfavicon.icoというファイルをブログにアップする。
私の場合はseesaaブログなのでファイルマネージャにアップロード。


次はブログにコードを追加する。

<link rel="shortcut icon" href="アイコンのURL" />

というコードをヘッダに挿入する。
アイコンのURLはファイルマネージャでファイルのタイトルをクリックし、開いたページの「元ファイル」にアドレスが表示されるのでそれをコピー。

デザイン-HTMLと進みHTML編集する画面で＜head＞～＜/head＞の間に上のコードを挿入する。

これで保存すればfaviconが表示されているはずだ。


自分専用のアイコンで自分のページだというのがより味わえるようになる。