2010年11月12日金曜日

bloggerの個別の記事にfacebookのlikeボタンを設置する

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

bloggetの個別の記事にfacebookのlikeボタンを設置する



[したこと]



(01)
bloggerのダッシュボードにある"デザイン" タプを選択する。

(02)
"HTMLを編集する"を選択し、ウィジェットのテンプレートを展開をチェックする。



(03)

テンプレートの編集画面で、以下のコードを探す。
<div class='post-footer-line post-footer-line-1'>

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

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/>

</b:if>


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

[参考]

Journey2Past: LikeボタンをBloggerの個別ページに設置する
http://journey2past.blogspot.com/2010/05/likeblogger.html

レイアウト用ウィジット タグ - Blogger ヘルプ
http://www.google.com/support/blogger/bin/answer.py?hl=jp&answer=46995

レイアウト データ タグ - Blogger ヘルプ
http://www.google.com/support/blogger/bin/answer.py?hl=jp&answer=47270

0 コメント: