GoogleBloggerに「いいね!」ボタンの追加

ブログのダッシュボードのテンプレートのページを表示。
「HTMLの編集」をクリックして「続行」をクリック。

出てきた「HTMLの編集」画面の「ウィジェットのテンプレートを展開」にチェック。

ページ中程に(ブラウザーで検索すると早い。)

<div class=’post-header’>
<div class=’post-header-line-1’/>
</div>
<div class=’post-body**********>(*****は長いんで省略してます。)
<data:post.body/>

の直ぐ下。<div style=’clear: both;’/> の直ぐ上に下記を入れる。

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&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:450px; height:40px;'/>

ブログ記事の直ぐ下に「いいね!」ボタンが来るようになります。

<div class=’post-header’>
<div class=’post-header-line-1’/>
</div>
<div class=’post-body**********>(*****は長いんで省略してます。)
<data:post.body/>
<!–facebook_likeここから–>
<iframe allowTransparency=’true’ expr:src=’&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&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:450px; height:40px;’/>
<!–facebook_likeここまで–>
<div style=’clear: both;’/>

てな感じです。
<!–facebook_likeここから–>とかのコメントで、ここにタグが入ってまっせ〜ってしとくと、なんかの拍子にエラーが出た時にその箇所を探しやすいんで、
「ここから」「ここまで」で挟んでます。


この投稿へのコメント

コメントはありません。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

この投稿へのトラックバック

トラックバックはありません。

トラックバック URL