faviconをつくってみた

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

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

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


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

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

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

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

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


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


この記事へのコメント