BloggerにAddClipsボタンを貼り付ける

ソーシャルブックマークとRSSが１つのボタンで登録できるAddClipsは便利なツールです。しかし、Blogger用を選択したにもかかわらず、生成されたコードをBloggerに貼り付けるとAddClips IDのエラーになってしまうことがあります。エラー無く正しく稼動させるためには少しコードを修正する必要があるようです。

<script type="text/javascript">

</script><script type="text/javascript" src="http://js.addclips.org/v2/addclips.js"
charset="utf-8"></script>

上記のコードがオリジナルで生成されたコードです。
AddClipsの指示通り、ボタンを貼り付ける場所はタイトル下、記事の上ですが、ここに表示させるためにはBloggerのHTMLの中に貼り付けることになります。しかし、BloggerのHTML内で<や>などの記号はエラーで認識できませんから、これをエンティティコードに変換することになります。

ところが全部を変換してしまうとエラーになってしまいます。
とりあえずエンティティ文字に置換したAddClipsのコードは次の通り。

&lt;!-- AddClips Code START --&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
&lt;!--
AddClipsUrl = '&lt;data:post.url/&gt;';
AddClipsTitle = '&lt;data:post.title/&gt;';
AddClipsId = '123456789ABCD';
AddClipsBcolor='#336699';
AddClipsNcolor='#528BC5';
AddClipsTcolor='#FFFFFF';
AddClipsType='0';
AddClipsVerticalAlign='middle';
AddClipsDefault='bookmark';
AddClipsTab = 'bookmark';
// --&gt;
&lt;/script&gt;&lt;script type=&quot;text/javascript&quot;
src=&quot;http://js.addclips.org/v2/addclips.js&quot;
charset=&quot;utf-8&quot;&gt;&lt;/script&gt;
&lt;!-- AddClips Code END --&gt;

実際にAddClipsボタンからブックマークしてみると、投稿記事のURLが取得できないというエラー。従い、エラーになったと思われるのは赤文字の部分のようです。この2行の一部はエンティティコードに変換してはいけなかったようです。

AddClipsUrl = '<data:post.url/>';
AddClipsTitle = '<data:post.title/>';

手順としてはAddClipsで生成したBlogger用のコードの記号をいったんエンティティコードに変換します。そして、上記のBlogger URLとTitleを抽出する変数部分の２行だけコピペして差し替えます。
私はHTMLエンティティ文字の変換にMicrosoft FrontPageを使っています。コードを貼り付けてそれをHTMLソースで見るとエンティティ文字に変換されています。こういったアプリケーションを使わなくてもエンティティ文字へ変換してくれる無料ツールが使えますのでご利用ください。Google Bloggerにコードを貼り付けるときは、エンティティ文字への変換が必須になります。

参考記事