ページ

2010年10月13日水曜日

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)
プレビューで確認する。
テンプレートを保存する。

0 件のコメント:

コメントを投稿