zenbackを導入(Blogger)

zenbackを導入してみました。Bloggerではzenbackから提供されるコードをそのまま貼りつけただけではエラーになってしまうので、少し工夫が必要です。

調べるといくつか方法があるみたいなのですが、単一記事のページのみ表示したかったので以下の記事と同様に導入しました。

Bloggerにzenbackを美しく導入する方法

zenbackから提供されるコードに以下の赤い部分を追加する。

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <!-- X:S ZenBackWidget --><script type="text/javascript">
    // <![CDATA[
    document.write ～省略～ "%3E%3C/script%3E"));
    // ]]>
    </script><!-- X:E ZenBackWidget -->
    </b:if>

そして、Bloggerのテンプレートで以下の部分を探す。このときウィジェットのテンプレートを展開する。

    <data:post.body/>
    <div style='clear: both;'/><!-- clear for photos floats -->

この部分を以下のように変えて、修正したzenbackコードを貼り付ける。

    <data:post.body/>
    <div style='clear: both;'>
      修正したzenbackコード
    </div><!-- clear for photos floats -->

これで導入完了！！

あと上記のリンクによると関連記事の精度を高める改良もあるのですが、とりあえずは様子見ということで行っていません。