BloggerへAddClipsのボタンを追加する - blogger addclips

ブログ等に、ソーシャルメディアやブックマークサービスへの投稿ボタンを作成したい。
そういうボタンを提供するサービスはいくつかあるのですが、ひとつに

AddClips

というサービスがあります。
あれこれ考えなくても、簡単なコードを記述するだけで利用できるので便利です。

今回Bloggerに設置したいと思い、 AddClipsでBlogger用のテンプレートコードを取得。
生成されたコードを「そのまま」利用したら、

[！]AddClipsIdが設定されていないか、他の設定に間違いがあります。

とポップアップされるようになってしましました。
というわけで、サクッとトラブルシューティングです。

• 現象
• 対策

現象

AddClipsにてBlogger用貼り付けコードを生成。
Bloggerの「HTMLの編集」にて、適切な場所に貼り付ける。
ブログ画面を表示させると、

[！]AddClipsIdが設定されていないか、他の設定に間違いがあります。

とポップアップされる。

対策

AddClipsにて生成されたBlogger用貼り付けコードでは、 Javascriptコードが<!-- -->でコメント化されている。
このコメント文字を削除する。

修正前

<!-- AddClips Code START -->
<script type="text/javascript">
<!--
  AddClipsUrl    = '<data:post.url/>';
  AddClipsTitle  = '<data:post.title/>';
  AddClipsId = 'XXXXXXXXXXXXX';
  AddClipsBcolor='#78BE44';
  AddClipsNcolor='#D1E9C0';
  AddClipsTcolor='#666666';
  AddClipsType='0';
  AddClipsVerticalAlign='middle'; 
  AddClipsDefault='bookmark'; 
// -->
</script><script type="text/javascript" src="http://js.addclips.org/v2/addclips.js" charset="utf-8"></script>
<!-- AddClips Code END -->

修正後

<!-- AddClips Code START -->
<script type="text/javascript">
  AddClipsUrl    = '<data:post.url/>';
  AddClipsTitle  = '<data:post.title/>';
  AddClipsId = 'XXXXXXXXXXXXX';
  AddClipsBcolor='#78BE44';
  AddClipsNcolor='#D1E9C0';
  AddClipsTcolor='#666666';
  AddClipsType='0';
  AddClipsVerticalAlign='middle'; 
  AddClipsDefault='bookmark'; 
</script><script type="text/javascript" src="http://js.addclips.org/v2/addclips.js" charset="utf-8"></script>
<!-- AddClips Code END -->

• AddClips ソーシャルブックマーク＆RSSボタン統合サービス

• blog.桜井＠猫丸屋: 『AddClipsIdが設定されていないか、他の設定に間違いがあります。』にハマる
• Blogger に SBM のボタンをつける - AddClips を使って | すぐに忘れる脳みそのためのメモ