「MyBlogList」ウィジェットの「favicon」が表示されない時の対策

今回もセカンドライフではなく、bloggerについてです。

何時の頃からか、bloggerの「マイブログリスト」ウィジェットがおかしい。
ファビコンが表示されていないのです。

※ 現在は修正して表示されています

「blogger、ファビコンが表示されない」で検索しても、結果に引っかかってくるのはアドレスバーやブックマークなどでのファビコン表示トラブル、そして特定ブラウザについてばかり。
ウィジェットであるマイブログリスト内のトラブルについて記述されている記事が見当たらない。
記事がないということは、エラーが起きているのは自分だけなのかと他のbloggerのソースを参照してみる事に。
なので今度は「blogspot」で検索してみましたが、なかなかマイブログリストを利用しているブログにたどり着けない。
仕方がないのでキーワードに「セカンドライフ」を加えた途端、ほとんどの皆さんが利用している模様 (ﾟΘﾟ*)
一般のブロガーはあまり使用しないもんなんでしょうかね。

そして、ブログのソースを確認して気がついたこと。
それぞれ該当する同一箇所に下記一文がある。

• ファビコンが表示されているブログ

  <img data-lateloadsrc='～/favicon.ico' height='16' width='16'/>

• ファビコンが表示されていないブログ

  <input type='hidden' value='～/favicon.ico'/>

確かに自分のブログも「input」の方。
なんで「hidden」なんだろうとココを変更しても、変化なし。
手動で「<img data-lateloadsrc='～/favicon.ico' height='16' width='16'/>」を貼り付けても非表示のまま。

もしかしてbloggerの新ダッシュボードが正式導入されてから、テンプレートの関数やらが変更されたのかな。
何らかの原因でこのブログは、自動的に移行されなかったのかもしれない。
んで。
他に方法が思いつかなかったので、最後の手段。
テスト用に新ブログを立ち上げてテンプレートのソースを確認する。

＜対策方法＞

1. ダッシュボードからテンプレートへ移動し、HTMLの編集画面へ
2. ソースの該当箇所を確認
   ※ 「ウィジェットへ移動」から「BlogList1」を選択すると簡単にカーソルが該当箇所へ移動します
3. 丁度中央あたりにある一文を確認

    <input expr:value='data:item.blogIconUrl' type='hidden'/>

   ※ 行数の隣に「▼」マークがある時は、クリックしてコードを展開してください
4. 下記一文をコピー＆ペーストして、上記一文と差し替える

    <img expr:data-lateloadsrc='data:item.blogIconUrl' height='16' width='16'/>

つまり。

<b:if cond='data:showIcon == &quot;true&quot;'>
  <input expr:value='data:item.blogIconUrl' type='hidden'/>
</b:if>

↓ 変更後

<b:if cond='data:showIcon == &quot;true&quot;'>
  <img expr:data-lateloadsrc='data:item.blogIconUrl' height='16' width='16'/>
</b:if>

…となればOK。
私の他にも、（マイブログリストの）ファビコンが表示されていない方々がいらっしゃいました。
コピペするだけで一瞬にして作業が終わるので修正してみてはいかがでしょうか。

結論。
もう少しセカンドライフのブログを閲覧して、勝手にブログリストに追加してみようかなと企んでみる |Θﾟ) …。