bloggerに、Facebookの「いいね！」ボタンを設置しました

2日かけて、やっとこどうにか「いいね！」ボタンを設置しました。


参考サイト
http://blog.asterlist.com/2012/11/1201.html
http://at-aka.blogspot.in/2012/06/blogger-facebook.html



どちらか1サイトを見ても、私にはできず・・・・。

試行錯誤の上、おそらく偶然、なんとかできました。



本当は、投稿記事ごとに表示したいのだけれども、
なぜか「ホーム」にしか設置されません。

どなたか、なんとかできる方、教えてください。本当に。




ホームにしか設置されませんが、
ないよりはましだと思うので、設置方法メモします。

1．bloggerにログインして、左側の「テンプレート」をクリック
（どの説明サイトも、ここから説明してほしいわ。。。）

2．ブログで使用中　とある下にある、「HTMLの編集」というボタンをクリック

3．「ウィジェットへ移動」をクリックして、「Blog 1」へ行く。
　1030行過ぎに「includableなんちゃら」が大量にあることを確認

4．<b:includable id='post' var='post'>をクリック！
　　
5．<data:post.body/>が2回あるので、2回目の下に
‐‐‐‐以下
<div class='fb-like' data-font='arial' data-layout='button_count' data-send='true' data-show-faces='true' data-width='450' expr:data-href='data:post.canonicalUrl'/>
<div id='fb-root'/>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = &quot;//connect.facebook.net/ja_JP/all.js#xfbml=1&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
以上‐‐‐
を入れる

6．「ウィジェットへ移動」をクリックして、「Profile 1」へ行く。

7．    <b:includable id='main'>を探し、その下に
‐‐‐
<div id='fb-root'/>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = &quot;//connect.facebook.net/ja_JP/all.js#xfbml=1&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
‐‐‐
を入れる。


8．テンプレートをプレビューをクリックして、設置されているか確認

9．保存！

これで、できたはず！

blogger設定はよく変わっているようなのと、あくまでも素人がなんとかできたというだけなので、
うまくいかなくてもご容赦ください。

↓ランキングに参加してます。良かったらクリックしてください。励みになります。↓