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が表示されているはずだ。


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

"faviconをつくってみた" へのコメントを書く

お名前:[必須入力]
メールアドレス:
ホームページアドレス:
コメント:[必須入力]
認証コード:[必須入力]

※画像の中の文字を半角で入力してください。