2011/04/28

BloggerにFaviconを設定する方法

1.16x16サイズのアイコンを準備する。
2.Bloggerはicoファイルをアップロードできないので、googleサイトを利用して、ファイルキャビネットのページを作成し、そこにicoファイルをアップロードする。
3.アップロードしたファイルのリンクアドレスをコピーする。
4.Bloggerのダッシュボードから「デザイン」-「HTMLの編集」でテンプレートを編集
テンプレートの編集内容:
</head>タグの前に
<link href='hogehoge' rel='shortcut icon' type='image/x-icon'/>
を挿入する。hogehoge部分には、アップロードしたファイルのリンクアドレス(例:https://sites.google.com/site/hoge/favicon.ico)を書く
5.テンプレートを保存
以上。
※1</head>タグの直前に書くのが吉。なぜだか<head>タグの直後に書くとうまくいかない。
※2アップロードしたファイルのリンクアドレスの最後に付く「?attredirects=0」はあっても無くても問題なさそう。
今回設定したfaviconは、こんな感じ。
左から、BlogHome用、デジタル機器漬け用、Tweet日記用。

0 件のコメント:

コメントを投稿