JS-Kitの周辺、ちょっとだけ修正しました

トラックバック機能を付けるために、JS-Kit-Commentsを導入したのですが、元々のBloggerのテンプレートを参考に我流でテンプレートを書き換えていたために、ちょっと勘違いをしていたようです。

修正前は、トップページ以外でトラックバック用のURLを表示して、コメントを展開するようにしていました。しかし、これでは、トップページの一番下「前の投稿」から2ページ目に移ったり、ラベルをクリックして、同一ラベルの記事を表示すると、間違ったトラックバック用URLを表示して、コメントを展開すべきでないところで展開していました。

この問題は、本来はじめに気づくべきでしたが、そこまで気が回らず、記事が増えてきてやっと気づきました。

そこで、1行だけ修正して、1記事だけを表示したときにトラックバック用URLを表示して、コメントを展開するように修正しました。

修正箇所は、<b:if>タグの分岐条件です。

【修正前】
<b:if cond='data:blog.url == data:blog.homepageUrl'>

これを、

【修正後】
<b:if cond='data:blog.url != data:post.url'>

このように修正しました。

以下に、修正済みのコードを載せておきます。使い方は、以前のブログを参照願います。

<!-- js-kit-comments 090422 --> <!-- js-kit-comments 090531修正 --> <hr/> <b:if cond='data:blog.url != data:post.url'> <!-- 1記事以外 --> <a expr:href='data:post.url + &quot;#js-kit-junp&quot;'>&#12488;&#12521;&#12483;&#12463;&#12496;&#12483;&#12463;</a><br/> <a expr:href='data:post.url + &quot;#js-kit-junp&quot;' style='text-decoration: none;'><img align='middle' alt='' hspace='0' src='http://www.blogblog.com/rounders/icon_comment.gif' style='border: 0px solid ; width: 12px; height: 12px;' vspace='0'/> </a> <a expr:href='data:post.url + &quot;#js-kit-junp&quot;'><span class='js-kit-comments-count' expr:path='&quot;/&quot; + data:post.id'>0</span> &#12467;&#12513;&#12531;&#12488;</a> <script src='http://js-kit.com/comments-count.js' type='text/javascript'/> <b:else/> <!-- Post Page --> <!-- TrackBack --> <div style='text-align: left;'>&#12488;&#12521;&#12483;&#12463;&#12496;&#12483;&#12463;URL<br/> <script type='text/javascript'> (function(){ var UrlData = &quot;<data:blog.url/>&quot; ; var UrlBody = UrlData.substring(7); var TrackBackUrl = &quot;http://js-kit.com/trackback/&quot; + UrlBody ; document.write(&quot;&lt;input style=&#39;WIDTH: 400px&#39; type=&#39;text&#39; name=&#39;TBTextArea&#39; value=&#39;&quot;); document.write(TrackBackUrl); document.write(&quot;&#39; onclick=&#39;this.focus(); this.select();&#39; readonly=&#39;readonly&#39; /&gt;&quot;); })() </script> </div> <!-- /TrackBack/ --> <br/> (<span class='js-kit-comments-count' expr:path='&quot;/&quot; + data:post.id'>0</span> &#12467;&#12513;&#12531;&#12488;) <script src='http://js-kit.com/comments-count.js' type='text/javascript'/> <!-- comment --> <span id='js-kit-junp'/> <div class='js-kit-comments' expr:path='&quot;/&quot; + data:post.id'/> <script type='text/javascript'> (function(){ // making the comment feed path var HomepageUrl = &quot;<data:blog.homepageUrl/>&quot; ; var SiteName = HomepageUrl.substring(7); var CommentAreaId = &quot;<data:post.id/>&quot; ; document.write(&quot;&lt;a href=&#39;&quot;); document.write(&quot;http://js-kit.com/rss/&quot; + SiteName + CommentAreaId ); document.write(&quot;&#39; style=&#39;text-decoration: none; margin-right: 10px&#39;&gt;&quot;); document.write(&quot;&lt;img align=&#39;middle&#39; alt=&#39;&#39; hspace=&#39;0&#39; src=&#39;http://js-kit.com/images/rss-icon.png&#39; style=&#39;border: 0px solid ; width: 12px; height: 12px;&#39; vspace=&#39;0&#39;/&gt;&quot;); document.write(&quot; Comments for this post&lt;/a&gt;&quot;); document.write(&quot;&lt;a href=&#39;&quot;); document.write(&quot;http://js-kit.com/rss/&quot; + SiteName ); document.write(&quot;&#39; style=&#39;text-decoration: none; margin-right: 10px&#39;&gt;&quot;); document.write(&quot;&lt;img align=&#39;middle&#39; alt=&#39;&#39; hspace=&#39;0&#39; src=&#39;http://js-kit.com/images/rss-icon.png&#39; style=&#39;border: 0px solid ; width: 12px; height: 12px;&#39; vspace=&#39;0&#39;/&gt;&quot;); document.write(&quot; All comments&lt;/a&gt;&quot;); })() </script> <script src='http://js-kit.com/comments.js' type='text/javascript'/> <!-- /comment/ --> </b:if> <!-- /js-kit-comments/ -->

[関連リンク]
Bloggerでトラックバックを受け取る方法
JS-Kit-Comments:カウント表示できるようになりました
レイアウト用ページ要素タグ - Blogger ヘルプ
レイアウト用ウィジット タグ - Blogger ヘルプ
レイアウト データ タグ - Blogger ヘルプ