Bloggerいいねボタン設置

Bloggerに、Facebookのいいねボタンを設置しようとして、
トライしましたが、なかなかできませんね。

参考にさせて頂いたURLは
http://at-aka.blogspot.jp/2012/06/blogger-facebook.html

なのですが、最近のアップだったのでこれで間違いないだろうと、
確信をもって、やってみましたが、
結果は、×でした。

これは、まずいと思いまた見つけた参考URL
http://katocpta.blogspot.jp/2013/02/bloggerfacebook.html

これを、最初のURLとミックスさせたりしてやってみましたが、
やはりできませんでした。

最終的には、

①body 直後に置くコード
<b:if cond='data:blog.pageType == "item"'>
<div id="fb-root"></div>
<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 = "//connect.facebook.net/ja_JP/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</b:if>

②<data:post.body/> のすぐ下に「いいね!」ボタン用のコードを貼り付け
<b:if cond='data:post.isFirstPost'>
<div class="fb-like" expr:data-href="data:post.canonicalUrl"
data-send="false" data-layout="box_count" data-width="450"
data-show-faces="false"></div>
</b:if>

だと、いう結論しかないと思いましたが、
やっぱり、表示されません。

選択しているテンプレの影響もあるのかと思い変更もしてみました。
結果は同じでした。

いいねボタンを付けても、効果があるかどうか解りませんが、
一度は付けてみたいという欲求がありました。

また、いろんな情報を入手して、トライしてみようと思います。
どなかた、解る方がいれば教えてほしいですね。
よろしくお願いいたします！

しかし、Bloggerのテンプレタグは、ややこしいですね。

でも、解決の糸口がつかめました！！

これは、次回にて、、、、、お楽しみ


それでは。。。。