2009年11月28日

Google BloggerにFC2拍手を組み込む方法

新Bloggerでの拍手の追加方法が見つからなかったので、書いてみます。

手順を説明します。
  1. FC2拍手に登録します。
  2. Blogger のカスタマイズから
    [レイアウト] -> [HTMLの編集]を開きます。
    [ウィジェットのテンプレートを展開]にチェックを入れます。
  3. <div class="post-footer">
    の前後あたりが良いと思いますが
    <!-- FC2拍手ここから -->
    <a expr:href='"http://clap.fc2.com/post/~ユーザ名~/
    ?url=" + data:post.url 
    + "&amp;title=" + data:blog.title 
    + ":" + data:post.title' 
    target='_blank' title='拍手する by FC2'>
    <img alt='拍手する' expr:src=
    '"http://clap.fc2.com/images/button/white/~ユーザ名~
    ?url=" + data:post.url' style='border:none;'/>
    </a>
    <!-- FC2拍手ここまで -->
    を挿入します。
    ~ユーザ名~の部分はFC2拍手のユーザ名を入れます。
    whiteの部分はgreenなどと変えられます。
  4. これを保存してブログの表示を確認してできあがりです。
参考:
何個目だブログ(名称未設定24のコピー16) BloggerにFC2拍手を組み込む
BloggerでFC2拍手を使う
クリボウの Blogger 入門: Blogger に「翻訳」リンク
レイアウト データ タグ - Blogger ヘルプ

何個目だブログさんとコードが異なっているのは、
新Bloggerではデータタグ<$~~$>が使えないためです。

ちなみに↓の拍手はCSSでfloat: right;を指定してます。

4 件のコメント:

中村香恵 さんのコメント...

おかげさまで、拍手機能を付ける事が出来ました。ありがとうございます!最初は、ウィジェットのテンプレートを展開にチェック入れていなかったので出来なかったのですが、もう一度読み直して無事出来ました!

Unknown さんのコメント...

コメントありがとうございます!
気づくのが遅くなってしまい、すみません。

お役に立てたようで何よりです。
チェックを入れるのは、自分もつまずいた箇所なんですよ。

Unknown さんのコメント...

拍手コメント返信です。
>拍手の画像は出たのですがカウントの数が表示されません?なぜに?
拍手のカウントが0だと「拍手」だけでカウントが表示されませんが、
そのことでしょうか?

匿名 さんのコメント...

拍手ボタンを設置できました。ありがとうございました。