Blogger beta に HaloScan が貼り付けられません、というメールが来ていたのでやってみました。

今回参考にしたのはこのページ。

• Logical Philosopher: Getting Haloscan to work in Beta Blogger

このページのとおりにやればいいのかというと、さにあらず。微妙にコードが間違っているので、Blogger beta の XML チェックにひっかかってしまいます。なので下記の方法をお試し下さい。

※ HaloScan のアカウントがすでにあるものとして解説しています。HaloScan ってなんだ？という方はこちらをご確認下さい。


導入方法

１．Blogger beta の管理画面「Template ＞ Edit HTML」を開き、「Expand Widget Templates」のチェックボックスにチェックを入れます。

２．コードの表示されているテキストエリアから </head> を見つけ出し、直前に script タグを挿入します。こんな感じになります。

<script src='http://www.haloscan.com/load/XXXXXX' type='text/javascript'></script>
</head>

赤字の部分には HaloScan のアカウント名を入れてください。

３．次に、以下のようなコードのかたまりを見つけ出します。

<span class='post-comment-link'>
  <b:if cond='data:blog.pageType != "item"'>
    <b:if cond='data:post.allowComments'>
      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
    </b:if>
  </b:if>
</span>

４．３のコードを別のものに差し替えます。導入したい構成を確認して、以下のどちらかを３のコードの替わりに貼り付けてください。

(1) Blogger beta のコメント機能 ＋ HaloScan のトラックバック機能

<span class='post-comment-link'>
  <b:if cond='data:blog.pageType != "item"'>
    <b:if cond='data:post.allowComments'>
      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
    </b:if>
  </b:if>
</span> <span><a expr:href='"javascript:HaloScanTB(" + "\"" + data:post.id + "\"" + ");"' target="_self"><script type="text/javascript">postCountTB('<data:post.id/>');</script></a></span>

(2) HaloScan のコメント機能 ＋ HaloScan のトラックバック機能

<span class='post-comment-link'>
  <a expr:href='"javascript:HaloScan(" + "\"" + data:post.id + "\"" + ");"' target="_self"><script type="text/javascript">postCount('<data:post.id/>');</script></a>
</span> <span>
  <a expr:href='"javascript:HaloScanTB(" + "\"" + data:post.id + "\"" + ");"' target="_self"><script type="text/javascript">postCountTB('<data:post.id/>');</script></a>
</span>

５．全部貼り付けられたら「SAVE TEMPLATE」ボタンを押して下さい。

これでおしまい。ぜひお試し下さい。

※ ４でつけた投稿フッターのトラックバックリンクはテンプレートを変更しても引き継がれますが、２の head 要素内の変更は引き継がれません。テンプレート変更時には１、２の作業だけしなおしてください。