bloggerにfacebookのShareボタンを追加する

[したいこと・しりたいこと・目標]

facebookのShareボタンを追加する

[したこと]

(01)
facebookのサイトに行く。

Social Plugins メニューから Share buttonのページ。
Facebook | シェア
http://www.facebook.com/share/

Facebookシェア のドキュメントのページ
Facebookシェア - Facebook開発者
http://developers.facebook.com/docs/share


(02)
Facebook | シェア
http://www.facebook.com/share/
を開いたら
Style など、好みに応じて変更する。



(03)
コードをコピーする。


(04)
bloggerのHTMLを編集するタブを開き、ウィジェットのテンプレートを展開をチェックする。

テンプレートの編集画面で、以下のコードを探す。

<div class='post-footer-line post-footer-line-1'>

(05)
(04)で探したコードの下にFacebookのShareボタンを表示するコードを追加する。

<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">シェア</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

(06)
プレビューで確認する。
テンプレートを保存する。