watanet personal side-B

Welcome

こんにちは。chihiroです。
Linuxとアニメ、マンガネタが多いかも?
イワタバコ科の植物も大好き。写真も撮るかなぁ〜。
そんな日常。

Contents

TOP
Message Board
コンピュータ関連

Search


Calender

9月 2010
     
   

Categories

Archives

Contact

RSS


あわせて読みたいブログパーツ

Smartfm_banner_2

Multicolumn Twitter Client on Web

Firefox 2 無料ダウンロード

ご近所さん

超人

IKAKICK - ラッキィ池田事務所
踊り放題! - ラッキィ池田BLOG
TOGETHER - ルー大柴BLOG
浅井企画

Linux

日本のLinux情報
Linux Software Search(J)

もじら組
mozilla.org
Mozilla 日本語ローカライズ版リンク集
Mozilla 日本語インストーラ

Japanized Apache Server Project
The Apache Software Foundation
日本PHPユーザー会
PHPマニュアル
CPAN - Comprehensive Perl Archive Network

Qmail
Qmail(Jp1)
Qmail(Jp2)
Binc IMAP

日本Sambaユーザー会

Fedora Project(E)
Fedra JP Project(J)
Vine Linux(J)
Debian(J)
Debian JP Project(J)

とほほのWWW入門

トップページ > linux > webtech > BloggerへAddClipsのボタンを追加する - blogger addclips
2010/07/08 (Thu)

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 -->

Posted at 2010/07/08 18:09 in /linux/webtech
ソーシャルブックマークへ登録 ブックマークに追加する