2011年2月23日水曜日

facebook,blogger:bloggerに「いいね」ボタンを設置してみました。

これやってみました: bloggerでFacebookの「いいね」(Like)ボタンを設置するには

を参考に,bloggerに,「いいね」を設置してみました。設置場所が参考リンクと若干違いました。

1.デザイン→htmlの編集

「ウィジェットのテンプレートを展開」をチェック
(ここまで同じ)

2.設置場所

参考リンクでは,

data:post.body/
を検索

中程で
<div class='post-header-line-1'/>
<div class='post-body'>
<p><data:post.body/>

となっていますが,私のテンプレートでは,

 <div class='post-header'>
<div class='post-header-line-1'/>
</div>

<div class='post-body entry-content'>
<data:post.body/>
</div>
となっています。

この後の行に,

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

を入れて保存します。

……………………………………………………
メインサイト(Sphinx利用)GAE利用サイト知財高裁のまとめjimdoサイト携帯サイト