手順を説明します。
- FC2拍手に登録します。
- Blogger のカスタマイズから
[レイアウト] -> [HTMLの編集]を開きます。
[ウィジェットのテンプレートを展開]にチェックを入れます。 - <div class="post-footer">
の前後あたりが良いと思いますが
<!-- FC2拍手ここから --> <a expr:href='"http://clap.fc2.com/post/~ユーザ名~/ ?url=" + data:post.url + "&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などと変えられます。
- これを保存してブログの表示を確認してできあがりです。
何個目だブログ(名称未設定24のコピー16) BloggerにFC2拍手を組み込む
BloggerでFC2拍手を使う
クリボウの Blogger 入門: Blogger に「翻訳」リンク
レイアウト データ タグ - Blogger ヘルプ
何個目だブログさんとコードが異なっているのは、
新Bloggerではデータタグ<$~~$>が使えないためです。
ちなみに↓の拍手はCSSでfloat: right;を指定してます。
4 件のコメント:
おかげさまで、拍手機能を付ける事が出来ました。ありがとうございます!最初は、ウィジェットのテンプレートを展開にチェック入れていなかったので出来なかったのですが、もう一度読み直して無事出来ました!
コメントありがとうございます!
気づくのが遅くなってしまい、すみません。
お役に立てたようで何よりです。
チェックを入れるのは、自分もつまずいた箇所なんですよ。
拍手コメント返信です。
>拍手の画像は出たのですがカウントの数が表示されません?なぜに?
拍手のカウントが0だと「拍手」だけでカウントが表示されませんが、
そのことでしょうか?
拍手ボタンを設置できました。ありがとうございました。
コメントを投稿