さすがに、IEで表示されないのはちょっと、と思っていじっていたら、結局、Firefox 3.0、Chrome 1.0、Safari 3.1.1、
<head>内の
<b:include data='blog' name='all-head-content'/>より前を極力シンプルにし(具体的にはGoogle Webmaster Toolsと日米Yahoo! Site Explorerの認証メタタグのみ)、
Faviconの<link>タグのうちicoのもの
<link href='http://xth8aa.bay.livefilestore.com/y1pJPNQ75GxoCcD-dG0ysFMGsZU9vdIELY7h3QkAjEIFatDJM2iiRmXZKLC3rPhXXWisEAjKieq250/Cat-sushi.ico' rel='shortcut icon'/>を
<link href='http://xth8aa.bay.livefilestore.com/y1pJPNQ75GxoCcD-dG0ysFMGsZU9vdIELY7h3QkAjEIFatDJM2iiRmXZKLC3rPhXXWisEAjKieq250/Cat-sushi.ico' rel='icon' type='image/vnd.microsoft.icon'/>
<b:include data='blog' name='all-head-content'/>の直後に埋め込んだ、
以上です。
結局pngは使っていません。
複数箇所に重複して指定もしていません。
できてしまえばあっけないもんです。
結論として言えることは、
- タグは上書きであり後出が有効
- でも、全部パースしないから極力前方に置くべし
- all-head-contentにはBloggerのデフォルトFaviconの<link>があるからカスタムFaviconはその後ろに置け
- pngタイプFaviconは互換性がいまいち(?)
